diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..420b7401 --- /dev/null +++ b/.gitignore @@ -0,0 +1,10 @@ +.DS_store +.sass-cache +_theme-options-temp.scss +*.css.map +src/main/gtk-3.0/gtk*.css +src/main/cinnamon/cinnamon*.css +src/main/gnome-shell/gnome-shell*.css +src/main/gnome-shell/gdm3*.css +src/other/dash-to-dock/stylesheet.css +src/other/dash-to-dock/stylesheet-dark.css diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md new file mode 100644 index 00000000..a07c2ca7 --- /dev/null +++ b/CONTRIBUTING.md @@ -0,0 +1,83 @@ +# WhiteSur GTK theme + +## Summary + +- Do not edit the CSS directly, edit the source SCSS files and process them with SASS (run + `./parse-sass.sh` when you have the required software installed, as described below) +- To be able to use the latest/adequate version of sass, install sassc. + +## How to tweak the theme + +WhiteSur (highly infuenced by Adwaita) is a complex theme, so to keep it maintainable, it's written +and processed in SASS. The generated CSS is then transformed into a gresource file during gtk build +and used at runtime in a non-legible or editable form. + +It is very likely your change will happen in the _common.scss file. That's where all the widget +selectors are defined. Here's a rundown of the "supporting" stylesheets, that are unlikely to be the +right place for a drive by stylesheet fix: + +_colors.scss - global color definitions. We keep the number of defined colors to a necessary minimum, + most colors are derived from a handful of basics. It covers both the light variant and + the dark variant. + +_colors-public.scss - SCSS colors exported through gtk to allow for 3rd party apps color mixing. + +_drawing.scss - drawing helper mixings/functions to allow easier definition of widget drawing under + specific context. This is why Adwaita isn't 15000 LOC. + +_common.scss - actual definitions of style for each widget. This is where you are likely to add/remove + your changes. + +You can read about SASS at http://sass-lang.com/documentation/. Once you make your changes to the +_common.scss file, you can either run the ./parse-sass.sh script or keep SASS watching for changes as you +edit. + + +# WhiteSur Firefox theme +A MacOS Big Sur theme for Firefox 70+ + +## Known bugs + +### CSD have sharp corners +See upstream [bug](https://bugzilla.mozilla.org/show_bug.cgi?id=1408360). + +### Icons color broken +Icons might appear black where they should be white on some systems. I have no idea why, but you can adjust them in the `theme/colors/light.css` or `theme/colors/dark.css` files, look for `--gnome-icons-hack-filter` var and play with css filters. + +## Development + +If you wanna mess around the styles and change something, you might find these +things useful. + +To use the Inspector to debug the UI, open the developer tools (F12) on any +page, go to options, check both of those: + +- Enable browser chrome and add-on debugging toolboxes +- Enable remote debugging + +Now you can close those tools and press Ctrl+Alt+Shift+I to Inspect the browser +UI. + +Also you can inspect any GTK3 application, for example type this into a terminal +and it will run Epiphany with the GTK Inspector, so you can check the CSS styles +of its elements too. + +```sh +GTK_DEBUG=interactive epiphany +``` + +Feel free to use any parts of my code to develop your own themes, I don't force +any specific license on your code. + +## Credits +Developed by **Rafael Mardojai** and [contributors](https://github.com/rafaelmardojai/firefox-gnome-theme/graphs/contributors). Based on **[Sai Kurogetsu](https://github.com/kurogetsusai/firefox-gnome-theme)** original work. + +# WhiteSur GDM and GNOME Shell theme +## Known bugs +### Can't change GDM background on OpenSUSE Tumbleweed +See upstream [bug](https://github.com/juhaku/loginized#known-limitations-and-issues). + +## Features under development +### GNOME 40 support +We currently disable the GDM and GNOME Shell theme installation while we're +developing them for GNOME 40 \ No newline at end of file diff --git a/HACKING b/HACKING deleted file mode 100644 index d17e28e2..00000000 --- a/HACKING +++ /dev/null @@ -1,33 +0,0 @@ -Summary -------- - -* Do not edit the CSS directly, edit the source SCSS files and process them with SASS (run - `./parse-sass.sh` when you have the required software installed, as described below) -* To be able to use the latest/adequate version of sass, install sassc. - -How to tweak the theme ----------------------- - -Adwaita is a complex theme, so to keep it maintainable, it's written and processed in SASS. The -generated CSS is then transformed into a gresource file during gtk build and used at runtime in a -non-legible or editable form. - -It is very likely your change will happen in the _common.scss file. That's where all the widget -selectors are defined. Here's a rundown of the "supporting" stylesheets, that are unlikely to be the -right place for a drive by stylesheet fix: - -_colors.scss - global color definitions. We keep the number of defined colors to a necessary minimum, - most colors are derived from a handful of basics. It covers both the light variant and - the dark variant. - -_colors-public.scss - SCSS colors exported through gtk to allow for 3rd party apps color mixing. - -_drawing.scss - drawing helper mixings/functions to allow easier definition of widget drawing under - specific context. This is why Adwaita isn't 15000 LOC. - -_common.scss - actual definitions of style for each widget. This is where you are likely to add/remove - your changes. - -You can read about SASS at http://sass-lang.com/documentation/. Once you make your changes to the -_common.scss file, you can either run the ./parse-sass.sh script or keep SASS watching for changes as you -edit. diff --git a/README.md b/README.md index 08f0cf3a..2fab1d3c 100644 --- a/README.md +++ b/README.md @@ -1,145 +1,217 @@ -Logo WhiteSur Gtk Theme -====== +

WhiteSur GTK Theme

+

-WhiteSur is a MacOS Big Sur like theme for GTK 3, GTK 2 and Gnome-Shell which supports GTK 3 and GTK 2 based desktop environments like Gnome, Pantheon, XFCE, Mate, etc. +
+**

A macOS BigSur-like theme for your GTK apps

** +
-## Requirements -### GTK2 Murrine engine requirements. +# Installation is easy! +
Required dependencies info for nerds - gtk-murrine-engine `Fedora/RedHat` - gtk2-engines-murrine `Ubuntu/Mint/Debian` - gtk-engine-murrine `Arch/Manjaro` - -### GTK2 pixbuf engine requirements. - -- gtk2-engines `Fedora/RedHat` -- gtk2-engines-pixbuf `Ubuntu/Mint/Debian` -- gtk-engines `Arch/Manjaro` - -### Installed Dependency requirements. - - sassc -- optipng -- inkscape +- imagemagick +- dialog +- optipng (optional for asset rendering) +- inkscape (optional for asset rendering) - libglib2.0-dev-bin `ubuntu 20.04` - libglib2.0-dev `ubuntu 18.04` `debian 10.03` `linux mint 19` - libxml2-utils `ubuntu 18.04` `debian 10.03` `linux mint 19` - glib2-devel `Fedora` `Redhat` -## Installation +Don't worry, WhiteSur installer already provides all of those dependencies. +
-### From source +## Quick install +You can run `./install.sh` to install the default WhiteSur GTK theme pack which includes +GNOME Shell (Pantheon), Cinnamon, XFWM (XFCE), Metacity, and Plank themes. -After all dependencies are installed, you can run: -```bash -./install.sh -``` -#### Install tips +## There's so many customizations you can do! +Usage: `./install.sh [OPTIONS...]` -Usage: `./install.sh` **[OPTIONS...]** +###

Change theme color and accent

+

-| OPTIONS: | | -|:--------------------|:-------------| -|-d, --dest | Specify theme destination directory (Default: $HOME/.themes)| -|-n, --name | Specify theme name (Default: WhiteSur)| -|-c, --color | Specify theme color variant(s) **[light/dark]** (Default: All variants)| -|-o, --opacity | Specify theme opacity variant(s) **[standard/solid]** (Default: All variants)| -|-a, --alt | Specify titlebutton variant(s) **[standard/alt/all]** (Default: standard variant)| -|-t, --theme | Specify primary theme color variant(s) **[default/blue/purple/pink/red/orange/yellow/green/grey/all]** (Default: MacOS blue)| -|-p, --panel | Change the panel opacty **[default/25/35/45/55/65/75/85]** (Default: 16)| -|-s, --size | Change the nautilus sidebar width size **[default/220/240/260/280]** (Default: 200px)| -|-i, --icon | Activities icon variant(s) **[standard/normal/gnome/ubuntu/arch/manjaro/fedora/debian/void]** (Default: standard variant)| -|-g, --gdm | Install GDM theme, you should run this with sudo!| -|-r, --remove | Remove theme, this will remove all installed themes!| -|--dialog | Run terminal dialog, this will Run terminal dialog to install themes!| -|--nautilus-use-colors| Change the nautilus sidebar style to Mojave like | -|-h, --help | Show this help| +#### Install theme color +Parameter: `--color` `-c` (repeatable) -###

1. Change primary theme color

-If you want to change primary theme color! (Default color is MacOS blue) -then you can run: `for example` -```bash -./install.sh -t green # Install green primary(accent) color version - -./install.sh -c dark -o solid -t all # Install All primary(accent) color dark solid versions -``` -![1](https://github.com/vinceliuice/WhiteSur-gtk-theme/blob/pictures/pictures/install-tip-01.png) - -###

2. Install GDM theme

-If you want to install GDM theme! -then you can run: `for example` -```bash -sudo ./install.sh -g # install default dark version - -sudo ./install.sh -g -c light # install light version - -sudo ./install.sh -g -r # remove installed GDM theme -``` -![2](https://github.com/vinceliuice/WhiteSur-gtk-theme/blob/pictures/pictures/install-tip-02.png) - -###

3. Change nautilus sidebar width size

-If you want to change nautilus sidebar width size! (Default size is 200px) -(Nautilus cannot change the structure of the sidebar, so I added a picture as a background to achieve the effect of bigsur) -then you can run: 'for example' -```bash -./install.sh -s 260 # Install 260px width version -``` -![3](https://github.com/vinceliuice/WhiteSur-gtk-theme/blob/pictures/pictures/install-tip-03.png) - -###

4. Change gnome-shell activities icon

-If you want to change gnome-shell activities icon! (Default icon is Apple) -then you can run: `for example` -```bash -./install.sh -i manjaro # Install Manjaro icon -``` -![4](https://github.com/vinceliuice/WhiteSur-gtk-theme/blob/pictures/pictures/install-tip-04.png) - -###

5. Change nautilus sidebar style

-If you want to use Mojave like sidebar style! (Default is Big Sur style) -then you can run: -```bash -./install.sh --nautilus-use-colors -``` -![5](https://github.com/vinceliuice/WhiteSur-gtk-theme/blob/pictures/pictures/install-tip-05.png) - -### Fix For Flatpak apps -Just run this: +Example: ```bash -sudo flatpak override --filesystem=~/.themes +./install.sh -c light # install light theme color only +./install.sh -c dark -c light # install dark and light theme colors ``` -### On Snapcraft +#### Install theme accent +Parameter: `--theme` `-t` (repeatable) - -Get it from the Snap Store - - -You can install the theme from the Snap Store, or by running: +Example: ```bash -sudo snap install whitesur-gtk-theme -``` -To connect the theme to an app, run: -```bash -sudo snap connect [other snap]:gtk-3-themes whitesur-gtk-theme:gtk-3-themes -``` -```bash -sudo snap connect [other snap]:icon-themes whitesur-gtk-theme:icon-themes -``` -To connect the theme to all apps which have available plugs to gtk-common-themes, you can run: -```bash -for i in $(snap connections | grep gtk-common-themes:gtk-3-themes | awk '{print $2}'); do sudo snap connect $i whitesur-gtk-theme:gtk-3-themes; done +./install.sh -t red # install red theme accent only +./install.sh -t red -t green # install red and green theme accents +./install.sh -t all # install all available theme accents ``` -### Suggested themes -| Suggested themes | Links | Preview | -|:--------------------|:-------------|:-------------| -| Kde theme | [WhiteSur-kde](https://github.com/vinceliuice/WhiteSur-kde)| ![kde](https://github.com/vinceliuice/WhiteSur-gtk-theme/blob/pictures/pictures/whitesur-kde-theme.png) | -| Icon theme | [WhiteSur-icon](https://github.com/vinceliuice/WhiteSur-icon-theme)| ![icon](https://github.com/vinceliuice/WhiteSur-gtk-theme/blob/pictures/pictures/whitesur-icon-theme.png) | -| Wallpaper | [WhiteSur wallpaper](https://github.com/vinceliuice/WhiteSur-kde/tree/master/wallpaper)| ![wallpaper](https://github.com/vinceliuice/WhiteSur-gtk-theme/blob/pictures/pictures/whitesur-wallpaper.png) | -| Firefox theme | [WhiteSur firefox theme](src/other/firefox)| ![firefox](https://github.com/vinceliuice/WhiteSur-gtk-theme/blob/pictures/pictures/firefox-theme.png) | -| Dash to Dock theme | [WhiteSur dash-to-dock theme](src/other/dash-to-dock)| ![firefox](https://github.com/vinceliuice/WhiteSur-gtk-theme/blob/pictures/pictures/dash-to-dock.png) | +###

Change Nautilus sidebar minimum width

+

-## Theme Preview -![gtk](https://github.com/vinceliuice/WhiteSur-gtk-theme/blob/pictures/pictures/preview-gtk.png) +Parameter: `--sidebar` `-s` + +Example: `./install.sh -s 220` + + +###

Change GNOME Shell 'Activities' icon

+

+ +Parameter: `--icon` `-i` + +Example: `./install.sh -i fedora` + + +###

Change Nautilus style

+

+ +Parameter: `--nautilus-style` `-N` + +Example: `./install.sh -N mojave` + + +###

Explore more customization features!

+You can run `./install.sh -h` to explore more customization features we have +like changing panel opacity, theme opacity (normal and solid variant), window +control button variant, etc. + + +# Let's tweak! +Usage: `./tweaks.sh [OPTIONS...]` + +## There's more themes you can try! +###

Install and edit Firefox theme

+

+ +#### Install Firefox theme +Parameter: `--firefox` `-f` + +Example: `./tweaks.sh -f` + +#### Edit Firefox theme +Parameter: `--edit-firefox` `-e` + +Example: + +```bash +./tweaks.sh -f -e # install and edit Firefox theme +./tweaks.sh -e -f # it's reversible! +./tweaks.sh -e # edit the installed Firefox theme +``` + +###

Install and customize Dash to Dock theme

+

+ +#### Install Dash to Dock theme +Parameter: `--dash-to-dock` `-d` + +Example: `./tweaks.sh -d` + +#### Change its color +Parameter: `--color` `-c` + +Example: `./tweaks.sh -d -c dark` + +###

Install and customize GDM theme

+

+ +#### Install GDM theme +Parameter: `--gdm` `-g` (requires to be ran as root) + +Example: `sudo ./tweaks.sh -g` + +#### Change the background +Parameter: `--background` `-b` + +Example: + +```bash +sudo ./tweaks.sh -g -b "my picture.jpg" # use the custom background +sudo ./tweaks.sh -g -b default # use the default background +sudo ./tweaks.sh -g -b blank # make it blank +``` + +#### Make the background darker +Parameter: `--darken` `-D` + +Example: + +```bash +sudo ./tweaks.sh -g -D # darken the default background +sudo ./tweaks.sh -g -D -b "wallpapers/snow.jpg" # darken the custom background +``` + +#### Don't blur the background +Parameter: `--no-blur` `-n` + +Example: + +```bash +sudo ./tweaks.sh -g -n # don't blur the default background +sudo ./tweaks.sh -g -n -b "wallpapers/rocks.jpg" # don't blur the custom background +``` + +#### Do more GDM customizations +You can do [the similar customization features in `./install.sh`] +(#explore-more-customization-features) like changing theme color +(dark and light variant) and accent, GNOME Shell 'Activities' icon, etc. +related to GDM. Run `./tweaks.sh -h` to explore! + +## Using WhiteSur theme on app sandboxing platforms +

+ +###

Connect WhiteSur theme to Flatpak

+Parameter: `--flatpak` `-F` + +Example: `./tweaks.sh -F` + +###

Connect WhiteSur theme to your Snap apps

+Parameter: `--snap` `-S` + +Example: `./tweaks.sh -S` + +Note: + +> This can only connect WhiteSur theme to your currently installed Snap +> apps. You may need to run this command again to connect to your newly installed +> Snap apps + +# Other recommended stuffs +## Whitesur KDE Theme +

+ + +

+ + +

+ +## Whitesur Icon Theme +

+ + +

+ + +

+ +## Whitesur Wallpaper +

+ + +

+ + +

+
+# Technical details and getting involved +Please go read [CONTRIBUTING.md](CONTRIBUTING.md) for more info diff --git a/clean-git.sh b/clean-git.sh new file mode 100755 index 00000000..4449e90e --- /dev/null +++ b/clean-git.sh @@ -0,0 +1,7 @@ +#! /usr/bin/env bash +# +# Clean ignored files +# + +git clean -d -f -X +git add . diff --git a/docs/colors-themes.png b/docs/colors-themes.png new file mode 100644 index 00000000..9dce46e1 Binary files /dev/null and b/docs/colors-themes.png differ diff --git a/docs/dash-to-dock.png b/docs/dash-to-dock.png new file mode 100644 index 00000000..5a0a499e Binary files /dev/null and b/docs/dash-to-dock.png differ diff --git a/docs/download-button.png b/docs/download-button.png new file mode 100644 index 00000000..c006fe18 Binary files /dev/null and b/docs/download-button.png differ diff --git a/docs/firefox.png b/docs/firefox.png new file mode 100644 index 00000000..df8af762 Binary files /dev/null and b/docs/firefox.png differ diff --git a/docs/gdm.png b/docs/gdm.png new file mode 100644 index 00000000..f1b93f34 Binary files /dev/null and b/docs/gdm.png differ diff --git a/docs/icons.png b/docs/icons.png new file mode 100644 index 00000000..a04a7fd9 Binary files /dev/null and b/docs/icons.png differ diff --git a/docs/macbook.png b/docs/macbook.png new file mode 100644 index 00000000..72fbab19 Binary files /dev/null and b/docs/macbook.png differ diff --git a/docs/nautilus.png b/docs/nautilus.png new file mode 100644 index 00000000..7f2143ac Binary files /dev/null and b/docs/nautilus.png differ diff --git a/docs/sandboxes.png b/docs/sandboxes.png new file mode 100644 index 00000000..9c091b52 Binary files /dev/null and b/docs/sandboxes.png differ diff --git a/docs/sidebars.png b/docs/sidebars.png new file mode 100644 index 00000000..91daa18e Binary files /dev/null and b/docs/sidebars.png differ diff --git a/docs/whitesur-icon-theme.png b/docs/whitesur-icon-theme.png new file mode 100644 index 00000000..9be1eb35 Binary files /dev/null and b/docs/whitesur-icon-theme.png differ diff --git a/docs/whitesur-kde-theme.png b/docs/whitesur-kde-theme.png new file mode 100644 index 00000000..92fbd477 Binary files /dev/null and b/docs/whitesur-kde-theme.png differ diff --git a/docs/whitesur-wallpaper.png b/docs/whitesur-wallpaper.png new file mode 100644 index 00000000..aede0f5f Binary files /dev/null and b/docs/whitesur-wallpaper.png differ diff --git a/install.sh b/install.sh index 5f44f1bc..d873c046 100755 --- a/install.sh +++ b/install.sh @@ -1,916 +1,136 @@ -#! /usr/bin/env bash +#! /bin/bash -REPO_DIR=$(cd $(dirname $0) && pwd) -SRC_DIR=${REPO_DIR}/src +# WARNING: Please make this shell not working-directory dependant, for example +# instead of using 'cd blabla', use 'cd "${REPO_DIR}/blabla"' +# +# WARNING: Please don't use sudo directly here since it steals our EXIT trap +# +# WARNING: Don't use "cd" in this shell, use it in a subshell instead, +# for example ( cd blabla && do_blabla ) or $( cd .. && do_blabla ) -ROOT_UID=0 -DEST_DIR= +############################################################################### +# VARIABLES & HELP # +############################################################################### -# Destination directory -if [ "$UID" -eq "$ROOT_UID" ]; then - DEST_DIR="/usr/share/themes" -else - DEST_DIR="$HOME/.themes" -fi +readonly REPO_DIR="$(dirname "$(readlink -m "${0}")")" +source "${REPO_DIR}/lib-install.sh" -THEME_NAME=WhiteSur -COLOR_VARIANTS=('-light' '-dark') -OPACITY_VARIANTS=('' '-solid') -ALT_VARIANTS=('' '-alt') -THEME_VARIANTS=('' '-blue' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-grey') -ICON_VARIANTS=('' '-normal' '-gnome' '-ubuntu' '-arch' '-manjaro' '-fedora' '-debian' '-void') -SIDEBAR_SIZE_VARIANTS=('default' '220' '240' '260' '280') -PANEL_OPACITY_VARIANTS=('default' '25' '35' '45' '55' '65' '75' '85') - -# COLORS -CDEF=" \033[0m" # default color -CCIN=" \033[0;36m" # info color -CGSC=" \033[0;32m" # success color -CRER=" \033[0;31m" # error color -CWAR=" \033[0;33m" # warning color -b_CDEF=" \033[1;37m" # bold default color -b_CCIN=" \033[1;36m" # bold info color -b_CGSC=" \033[1;32m" # bold success color -b_CRER=" \033[1;31m" # bold error color -b_CWAR=" \033[1;33m" # bold warning color - -# Echo like ... with flag type and display message colors -prompt () { - case ${1} in - "-s"|"--success") - echo -e "${b_CGSC}${@/-s/}${CDEF}";; # print success message - "-e"|"--error") - echo -e "${b_CRER}${@/-e/}${CDEF}";; # print error message - "-w"|"--warning") - echo -e "${b_CWAR}${@/-w/}${CDEF}";; # print warning message - "-i"|"--info") - echo -e "${b_CCIN}${@/-i/}${CDEF}";; # print info message - *) - echo -e "$@" - ;; - esac -} - -# Check command availability -function has_command() { - command -v $1 > /dev/null -} - -operation_canceled() { - clear - prompt -i "\n Operation canceled by user, Bye!" - exit 1 -} +# Customization, default values +colors=("${COLOR_VARIANTS[@]}") +opacities=("${OPACITY_VARIANTS[@]}") +background="blank" usage() { - printf "%s\n" "Usage: $0 [OPTIONS...]" - printf "\n%s\n" "OPTIONS:" - printf " %-25s%s\n" "-d, --dest DIR" "Specify theme destination directory (Default: ${DEST_DIR})" - printf " %-25s%s\n" "-n, --name NAME" "Specify theme name (Default: ${THEME_NAME})" - printf " %-25s%s\n" "-g, --gdm" "Install GDM theme, this option needs root user authority! Please run this with sudo" - printf " %-25s%s\n" "-r, --remove" "Remove theme, remove all installed themes" - printf " %-25s%s\n" "-o, --opacity VARIANTS" "Specify theme opacity variant(s) [standard|solid] (Default: All variants)" - printf " %-25s%s\n" "-c, --color VARIANTS" "Specify theme color variant(s) [light|dark] (Default: All variants)" - printf " %-25s%s\n" "-a, --alt VARIANTS" "Specify theme Window management (max/min/close) button variant(s) [standard|alt|all] (Default: All variants)" - printf " %-25s%s\n" "-t, --theme VARIANTS" "Specify primary theme color [blue|purple|pink|red|orange|yellow|green|grey|all] (Default: MacOS blue)" - printf " %-25s%s\n" "-p, --panel VARIANTS" "Change the panel transparency [25|35|45|55|65|75|85] (Default: 85%)" - printf " %-25s%s\n" "-s, --size VARIANTS" "Change the nautilus sidebar width size [220|240|260|280] (Default: 200)" - printf " %-25s%s\n" "-i, --icon VARIANTS" "Change gnome-shell activities icon [standard|normal|gnome|ubuntu|arch|manjaro|fedora|debian|void] (Default: standard)" - printf " %-25s%s\n" "--dialog" "Run this shell on dialog window mode" - printf " %-25s%s\n" "--nautilus-use-colors" "Change the nautilus sidebar style to Mojave like" - printf " %-25s%s\n" "-h, --help" "Show this help" + # Please specify their default value manually, some of them are come from _variables.scss + # You also have to check and update them regurally + helpify_title + helpify "-d, --dest" "DIR" "Set destination directory" "Default is '${THEME_DIR}'" + helpify "-n, --name" "NAME" "Set theme name" "Default is '${THEME_NAME}'" + helpify "-o, --opacity" "[$(IFS='|'; echo "${OPACITY_VARIANTS[*]}")]" "Set theme opacity variants" "Repeatable. Default is all variants" + helpify "-c, --color" "[$(IFS='|'; echo "${COLOR_VARIANTS[*]}")]" "Set theme color variants" "Repeatable. Default is all variants" + helpify "-a, --alt" "[$(IFS='|'; echo "${ALT_VARIANTS[*]}")|all]" "Set window control buttons variant" "Repeatable. Default is 'normal'" + helpify "-t, --theme" "[$(IFS='|'; echo "${THEME_VARIANTS[*]}")|all]" "Set theme accent color" "Repeatable. Default is BigSur-like theme" + helpify "-p, --panel" "[$(IFS='|'; echo "${PANEL_OPACITY_VARIANTS[*]}")]" "Set panel transparency" "Default is 15%" + helpify "-s, --size" "[$(IFS='|'; echo "${SIDEBAR_SIZE_VARIANTS[*]}")]" "Set Nautilus sidebar minimum width" "Default is 200px" + helpify "-i, --icon" "[$(IFS='|'; echo "${ICON_VARIANTS[*]}")]" "Set 'Activities' icon" "Default is 'standard'" + helpify "-N, --nautilus-style" "[$(IFS='|'; echo "${NAUTILUS_STYLE_VARIANTS[*]}")]" "Set Nautilus style" "Default is BigSur-like style" + helpify "--dialog, --interactive" "" "Run this installer interactively, with dialogs" "" + helpify "-r, --remove, -u, --uninstall" "" "Remove all installed ${THEME_NAME} themes" "" + helpify "-h, --help" "" "Show this help" "" } -install() { - local dest=${1} - local name=${2} - local color=${3} - local opacity=${4} - local alt=${5} - local theme=${6} - local icon=${7} - local panel_opacity=${8} - local sidebar_size=${9} +############################################################################### +# MAIN # +############################################################################### - [[ ${color} == '-light' ]] && local ELSE_LIGHT=${color} - [[ ${color} == '-dark' ]] && local ELSE_DARK=${color} - - local THEME_DIR=${1}/${2}${3}${4}${5}${6} - - [[ -d ${THEME_DIR} ]] && rm -rf ${THEME_DIR} - - prompt -i "Installing '${THEME_DIR}'..." - - mkdir -p ${THEME_DIR} - - echo "[Desktop Entry]" >> ${THEME_DIR}/index.theme - echo "Type=X-GNOME-Metatheme" >> ${THEME_DIR}/index.theme - echo "Name=${2}${3}${4}${5}${6}" >> ${THEME_DIR}/index.theme - echo "Comment=A MacOS BigSur like Gtk+ theme based on Elegant Design" >> ${THEME_DIR}/index.theme - echo "Encoding=UTF-8" >> ${THEME_DIR}/index.theme - echo "" >> ${THEME_DIR}/index.theme - echo "[X-GNOME-Metatheme]" >> ${THEME_DIR}/index.theme - echo "GtkTheme=${2}${3}${4}${5}${6}" >> ${THEME_DIR}/index.theme - echo "MetacityTheme=${2}${3}${4}${5}${6}" >> ${THEME_DIR}/index.theme - echo "IconTheme=${2}${3}" >> ${THEME_DIR}/index.theme - echo "CursorTheme=${2}${3}" >> ${THEME_DIR}/index.theme - echo "ButtonLayout=close,minimize,maximize:menu" >> ${THEME_DIR}/index.theme - - mkdir -p ${THEME_DIR}/gnome-shell - cp -r ${SRC_DIR}/assets/gnome-shell/icons ${THEME_DIR}/gnome-shell - cp -r ${SRC_DIR}/main/gnome-shell/pad-osd.css ${THEME_DIR}/gnome-shell - cp -r ${SRC_DIR}/main/gnome-shell/gnome-shell${color}${opacity}${alt}${theme}.css ${THEME_DIR}/gnome-shell/gnome-shell.css - cp -r ${SRC_DIR}/main/gnome-shell/gdm3${color}${theme}.css ${THEME_DIR}/gnome-shell/gdm3.css - - cp -r ${SRC_DIR}/assets/gnome-shell/common-assets ${THEME_DIR}/gnome-shell/assets - - if [[ ${theme} != '-default' ]]; then - cp -r ${SRC_DIR}/assets/gnome-shell/common-assets${theme}/*.svg ${THEME_DIR}/gnome-shell/assets - fi - - cp -r ${SRC_DIR}/assets/gnome-shell/assets${color}/*.svg ${THEME_DIR}/gnome-shell/assets - cp -r ${SRC_DIR}/assets/gnome-shell/activities/activities${icon}.svg ${THEME_DIR}/gnome-shell/assets/activities.svg - - cd "${THEME_DIR}/gnome-shell" - mv -f assets/no-events.svg no-events.svg - mv -f assets/process-working.svg process-working.svg - mv -f assets/no-notifications.svg no-notifications.svg - - if [[ ${alt} == '-alt' || ${opacity} == '-solid' ]] && [[ ${color} == '-light' ]]; then - cp -r ${SRC_DIR}/assets/gnome-shell/activities-black/activities${icon}.svg ${THEME_DIR}/gnome-shell/assets/activities.svg - cp -r ${SRC_DIR}/assets/gnome-shell/activities/activities${icon}.svg ${THEME_DIR}/gnome-shell/assets/activities-white.svg - fi - - mkdir -p ${THEME_DIR}/gtk-2.0 - cp -r ${SRC_DIR}/main/gtk-2.0/gtkrc${color}${theme} ${THEME_DIR}/gtk-2.0/gtkrc - cp -r ${SRC_DIR}/main/gtk-2.0/menubar-toolbar${color}.rc ${THEME_DIR}/gtk-2.0/menubar-toolbar.rc - cp -r ${SRC_DIR}/main/gtk-2.0/common/*.rc ${THEME_DIR}/gtk-2.0 - cp -r ${SRC_DIR}/assets/gtk-2.0/assets${color} ${THEME_DIR}/gtk-2.0/assets - - if [[ ${theme} != '-default' ]]; then - cp -r ${SRC_DIR}/assets/gtk-2.0/assets${color}${theme}/*.png ${THEME_DIR}/gtk-2.0/assets - fi - - mkdir -p ${THEME_DIR}/gtk-3.0 - cp -r ${SRC_DIR}/assets/gtk-3.0/common-assets/assets ${THEME_DIR}/gtk-3.0 - - if [[ ${theme} != '-default' ]]; then - cp -r ${SRC_DIR}/assets/gtk-3.0/common-assets/assets${theme}/*.png ${THEME_DIR}/gtk-3.0/assets - fi - - cp -r ${SRC_DIR}/assets/gtk-3.0/common-assets/sidebar-assets/*.png ${THEME_DIR}/gtk-3.0/assets - cp -r ${SRC_DIR}/assets/gtk-3.0/windows-assets/titlebutton${alt} ${THEME_DIR}/gtk-3.0/windows-assets - cp -r ${SRC_DIR}/assets/gtk-3.0/thumbnails/thumbnail${color}${theme}.png ${THEME_DIR}/gtk-3.0/thumbnail.png - cp -r ${SRC_DIR}/main/gtk-3.0/gtk-dark${opacity}${theme}.css ${THEME_DIR}/gtk-3.0/gtk-dark.css - - if [[ ${color} == '-light' ]]; then - cp -r ${SRC_DIR}/main/gtk-3.0/gtk-light${opacity}${theme}.css ${THEME_DIR}/gtk-3.0/gtk.css - else - cp -r ${SRC_DIR}/main/gtk-3.0/gtk-dark${opacity}${theme}.css ${THEME_DIR}/gtk-3.0/gtk.css - fi - - glib-compile-resources --sourcedir=${THEME_DIR}/gtk-3.0 --target=${THEME_DIR}/gtk-3.0/gtk.gresource ${SRC_DIR}/main/gtk-3.0/gtk.gresource.xml - rm -rf ${THEME_DIR}/gtk-3.0/{assets,windows-assets,gtk.css,gtk-dark.css} - echo '@import url("resource:///org/gnome/theme/gtk.css");' >> ${THEME_DIR}/gtk-3.0/gtk.css - echo '@import url("resource:///org/gnome/theme/gtk-dark.css");' >> ${THEME_DIR}/gtk-3.0/gtk-dark.css - - mkdir -p ${THEME_DIR}/metacity-1 - cp -r ${SRC_DIR}/main/metacity-1/metacity-theme${color}.xml ${THEME_DIR}/metacity-1/metacity-theme-1.xml - cp -r ${SRC_DIR}/main/metacity-1/metacity-theme-3.xml ${THEME_DIR}/metacity-1 - cp -r ${SRC_DIR}/assets/metacity-1/assets/*.png ${THEME_DIR}/metacity-1 - cp -r ${SRC_DIR}/assets/metacity-1/thumbnail${color}.png ${THEME_DIR}/metacity-1/thumbnail.png - cd ${THEME_DIR}/metacity-1 && ln -s metacity-theme-1.xml metacity-theme-2.xml - - mkdir -p ${THEME_DIR}/xfwm4 - cp -r ${SRC_DIR}/assets/xfwm4/assets${color}/*.png ${THEME_DIR}/xfwm4 - cp -r ${SRC_DIR}/main/xfwm4/themerc${color} ${THEME_DIR}/xfwm4/themerc - - mkdir -p ${THEME_DIR}/cinnamon - cp -r ${SRC_DIR}/main/cinnamon/cinnamon${color}${opacity}${theme}.css ${THEME_DIR}/cinnamon/cinnamon.css - cp -r ${SRC_DIR}/assets/cinnamon/common-assets ${THEME_DIR}/cinnamon/assets - - if [[ ${theme} != '-default' ]]; then - cp -r ${SRC_DIR}/assets/cinnamon/common-assets${theme}/*.svg ${THEME_DIR}/cinnamon/assets - fi - - cp -r ${SRC_DIR}/assets/cinnamon/assets${color}/*.svg ${THEME_DIR}/cinnamon/assets - cp -r ${SRC_DIR}/assets/cinnamon/thumbnails/thumbnail${color}${theme}.png ${THEME_DIR}/cinnamon/thumbnail.png - - mkdir -p ${THEME_DIR}/plank - cp -r ${SRC_DIR}/other/plank/theme${color}/*.theme ${THEME_DIR}/plank -} +#-----------------------------PARSE ARGUMENTS---------------------------------# while [[ $# -gt 0 ]]; do + # Don't show any dialog here. Let this loop checks for errors or shows help + # We can only show dialogs when there's no error and no -r parameter + # + # * shift for parameters that have no value + # * shift 2 for parameter that have a value + # + # Please don't exit any error here if possible. Let it show all error warnings + # at once + case "${1}" in - -d|--dest) - dest="${2}" - if [[ ! -d "${dest}" ]]; then - prompt -e "Destination directory does not exist. Let's make a new one..." - mkdir -p ${dest} - fi - shift 2 - ;; - -n|--name) - name="${2}" - shift 2 - ;; - -g|--gdm) - gdm='true' - shift 1 - ;; - -r|--remove) - remove='true' - shift 1 - ;; - --dialog) - dialogs='true' - shift 1 - ;; - --nautilus-use-colors) - nautilus_use_colors='true' - shift 1 - ;; - -a|--alt) - shift - for alt in "${@}"; do - case "${alt}" in - standard) - alts+=("${ALT_VARIANTS[0]}") - shift - ;; - alt) - alts+=("${ALT_VARIANTS[1]}") - shift - ;; - all) - alts+=("${ALT_VARIANTS[@]}") - shift - ;; - -*|--*) - break - ;; - *) - prompt -e "ERROR: Unrecognized window button variant '$1'." - prompt -i "Try '$0 --help' for more information." - exit 1 - ;; - esac - done - ;; - -o|--opacity) - shift - for opacity in "${@}"; do - case "${opacity}" in - standard) - opacities+=("${OPACITY_VARIANTS[0]}") - shift - ;; - solid) - opacities+=("${OPACITY_VARIANTS[1]}") - shift - ;; - -*|--*) - break - ;; - *) - prompt -e "ERROR: Unrecognized opacity variant '$1'." - prompt -i "Try '$0 --help' for more information." - exit 1 - ;; - esac - done - ;; - -c|--color) - shift - for color in "${@}"; do - case "${color}" in - light) - colors+=("${COLOR_VARIANTS[0]}") - shift - ;; - dark) - colors+=("${COLOR_VARIANTS[1]}") - shift - ;; - -*|--*) - break - ;; - *) - prompt -e "ERROR: Unrecognized color variant '$1'." - prompt -i "Try '$0 --help' for more information." - exit 1 - ;; - esac - done - ;; - -i|--icon) - shift - for icon in "${@}"; do - case "${icon}" in - standard) - icons+=("${ICON_VARIANTS[0]}") - shift - ;; - normal) - icons+=("${ICON_VARIANTS[1]}") - shift - ;; - gnome) - icons+=("${ICON_VARIANTS[2]}") - shift - ;; - ubuntu) - icons+=("${ICON_VARIANTS[3]}") - shift - ;; - arch) - icons+=("${ICON_VARIANTS[4]}") - shift - ;; - manjaro) - icons+=("${ICON_VARIANTS[5]}") - shift - ;; - fedora) - icons+=("${ICON_VARIANTS[6]}") - shift - ;; - debian) - icons+=("${ICON_VARIANTS[7]}") - shift - ;; - void) - icons+=("${ICON_VARIANTS[8]}") - shift - ;; - -*|--*) - break - ;; - *) - prompt -e "ERROR: Unrecognized icon variant '$1'." - prompt -i "Try '$0 --help' for more information." - exit 1 - ;; - esac - done - ;; - -t|--theme) - shift - for theme in "${@}"; do - case "${theme}" in - default) - themes+=("${THEME_VARIANTS[0]}") - shift - ;; - blue) - themes+=("${THEME_VARIANTS[1]}") - shift - ;; - purple) - themes+=("${THEME_VARIANTS[2]}") - shift - ;; - pink) - themes+=("${THEME_VARIANTS[3]}") - shift - ;; - red) - themes+=("${THEME_VARIANTS[4]}") - shift - ;; - orange) - themes+=("${THEME_VARIANTS[5]}") - shift - ;; - yellow) - themes+=("${THEME_VARIANTS[6]}") - shift - ;; - green) - themes+=("${THEME_VARIANTS[7]}") - shift - ;; - grey) - themes+=("${THEME_VARIANTS[8]}") - shift - ;; - all) - themes+=("${THEME_VARIANTS[@]}") - shift - ;; - -*|--*) - break - ;; - *) - prompt -e "ERROR: Unrecognized theme variant '$1'." - prompt -i "Try '$0 --help' for more information." - exit 1 - ;; - esac - done - ;; - -s|--size) - size='true' - shift - for sidebar_size in "${@}"; do - case "${sidebar_size}" in - default) - sidebar_sizes+=("${SIDEBAR_SIZE_VARIANTS[0]}") - shift - ;; - 220) - sidebar_sizes+=("${SIDEBAR_SIZE_VARIANTS[1]}") - shift - ;; - 240) - sidebar_sizes+=("${SIDEBAR_SIZE_VARIANTS[2]}") - shift - ;; - 260) - sidebar_sizes+=("${SIDEBAR_SIZE_VARIANTS[3]}") - shift - ;; - 280) - sidebar_sizes+=("${SIDEBAR_SIZE_VARIANTS[4]}") - shift - ;; - -*|--*) - break - ;; - *) - customize_theme_dialogs - ;; - esac - done - ;; - -p|--panel) - panel='true' - pdialog='true' - shift - for panel_opacity in "${@}"; do - case "${panel_opacity}" in - default) - pdialog='false' - panel_opacities+=("${PANEL_OPACITY_VARIANTS[0]}") - shift - ;; - 25) - pdialog='false' - panel_opacities+=("${PANEL_OPACITY_VARIANTS[1]}") - shift - ;; - 35) - pdialog='false' - panel_opacities+=("${PANEL_OPACITY_VARIANTS[2]}") - shift - ;; - 45) - pdialog='false' - panel_opacities+=("${PANEL_OPACITY_VARIANTS[3]}") - shift - ;; - 55) - pdialog='false' - panel_opacities+=("${PANEL_OPACITY_VARIANTS[4]}") - shift - ;; - 65) - pdialog='false' - panel_opacities+=("${PANEL_OPACITY_VARIANTS[5]}") - shift - ;; - 75) - pdialog='false' - panel_opacities+=("${PANEL_OPACITY_VARIANTS[6]}") - shift - ;; - 85) - pdialog='false' - panel_opacities+=("${PANEL_OPACITY_VARIANTS[7]}") - shift - ;; - -*|--*) - break - ;; - *) - customize_theme_dialogs - ;; - esac - done - ;; + # Parameters that don't require value + -r|--remove|-u|-uninstall) + uninstall='true'; shift ;; + --dialog|--interactive) + interactive='true'; shift ;; -h|--help) - usage - exit 0 - ;; + need_help="true"; shift ;; + # Parameters that require value, single use + -d|--dest) + check_param "${1}" "${1}" "${2}" "must" "must" "not-at-all" && shift 2 || shift ;; + -n|--name) + check_param "${1}" "${1}" "${2}" "must" "must" "not-at-all" && shift 2 || shift ;; + -i|--icon) + check_param "${1}" "${1}" "${2}" "must" "must" "must" && shift 2 || shift ;; + -s|--size) + check_param "${1}" "${1}" "${2}" "optional" "optional" "optional" && shift 2 || shift ;; + -p|--panel) + check_param "${1}" "${1}" "${2}" "optional" "optional" "optional" && shift 2 || shift ;; + -N|--nautilus-style) + check_param "${1}" "${1}" "${2}" "optional" "optional" "optional" && shift 2 || shift ;; + # Parameters that require value, multiple use + -a|--alt) + check_param "${1}" "${1}" "${2}" "not-at-all" "must" "must" && shift 2 || shift ;; + -o|--opacity) + check_param "${1}" "${1}" "${2}" "not-at-all" "must" "must" && shift 2 || shift ;; + -c|--color) + check_param "${1}" "${1}" "${2}" "not-at-all" "must" "must" && shift 2 || shift ;; + -t|--theme) + check_param "${1}" "${1}" "${2}" "not-at-all" "must" "must" && shift 2 || shift ;; *) - prompt -e "ERROR: Unrecognized installation option '$1'." - prompt -i "Try '$0 --help' for more information." - exit 1 - ;; + prompt -e "ERROR: Unrecognized installation option '${1}'." + has_any_error="true"; shift ;; esac done -install_theme() { - for color in "${colors[@]-${COLOR_VARIANTS[@]}}"; do - for opacity in "${opacities[@]-${OPACITY_VARIANTS[@]}}"; do - for alt in "${alts[@]-${ALT_VARIANTS[0]}}"; do - for theme in "${themes[@]-${THEME_VARIANTS[0]}}"; do - for icon in "${icons[@]-${ICON_VARIANTS[0]}}"; do - for panel_opacity in "${panel_opacities[@]-${PANEL_OPACITY_VARIANTS[0]}}"; do - for sidebar_size in "${sidebar_sizes[@]-${SIDEBAR_SIZE_VARIANTS[0]}}"; do - install "${dest:-${DEST_DIR}}" "${name:-${THEME_NAME}}" "${color}" "${opacity}" "${alt}" "${theme}" "${icon}" "${panel_opacity}" "${sidebar_size}" - done - done - done - done - done - done - done +finalize_argument_parsing - if [[ -x /usr/bin/notify-send ]]; then - notify-send "Finished" "Enjoy your ${THEME_NAME} "${theme}" theme!" -i face-smile - fi -} +#---------------------------START INSTALL THEMES-------------------------------# -install_customize_theme() { - for panel_opacity in "${panel_opacities[@]-${PANEL_OPACITY_VARIANTS[0]}}"; do - for sidebar_size in "${sidebar_sizes[@]-${SIDEBAR_SIZE_VARIANTS[0]}}"; do - customize_theme "${panel_opacity}" "${sidebar_size}" - done - done -} +if [[ "${uninstall}" == 'true' ]]; then + prompt -i "Removing '${name}' themes in '${dest}'..." + prompt -w "REMOVAL: Non file-related parameters will be ignored."; echo + remove_themes + prompt -s "Done! All '${name}' themes has been removed." +else + install_theme_deps -remove_theme() { - for color in "${colors[@]-${COLOR_VARIANTS[@]}}"; do - for opacity in "${opacities[@]-${OPACITY_VARIANTS[@]}}"; do - for alt in "${alts[@]-${ALT_VARIANTS[@]}}"; do - for theme in "${themes[@]-${THEME_VARIANTS[@]}}"; do - [[ -d "${DEST_DIR}/${THEME_NAME}${color}${opacity}${alt}${theme}" ]] && rm -rf "${DEST_DIR}/${THEME_NAME}${color}${opacity}${alt}${theme}" - done - done - done - done -} + if [[ "${interactive}" == 'true' ]]; then + show_panel_opacity_dialog; show_sidebar_size_dialog; show_nautilus_style_dialog + prompt -w "DIALOG: '--size' and '--panel' parameters are ignored if exist."; echo + else show_needed_dialogs; fi -customize_theme() { - # Change gnome-shell panel transparency - if [[ "${panel:-}" == 'true' && "${panel_opacity:-}" != 'default' ]]; then - change_transparency + prompt -w "Removing the old '${name}' themes..." + + if [[ "${GNOME_VERSION}" == 'new' ]]; then + prompt -w "SORRY: WhiteSur Shell theme for GNOME 40 is in development and not yet available" fi - # Change nautilus sibarbar size - if [[ "${size:-}" == 'true' && "${sidebar_size:-}" != 'default' ]]; then - change_size + remove_themes; customize_theme; avoid_variant_duplicates; echo + + prompt -i "Installing '${name}' themes in '${dest}'..." + prompt -i "--->>> GTK | GNOME Shell | Cinnamon | Metacity | XFWM | Plank <<<---" + prompt -i "Color variants : $( IFS=';'; echo "${colors[*]}" )" + prompt -i "Theme variants : $( IFS=';'; echo "${themes[*]}" )" + prompt -i "Opacity variants : $( IFS=';'; echo "${opacities[*]}" )" + prompt -i "Alt variants : $( IFS=';'; echo "${alts[*]}" )" + prompt -i "Icon variant : ${icon}" + prompt -i "Nautilus variant : ${nautilus_style}" + echo; install_themes + + if [[ "$(which xfce4-session 2> /dev/null)" ]]; then + msg="XFCE: you may need to logout after changing your theme to fix your panel opacity." fi - # Force nautilus to use colors instead of images - if [[ "${nautilus_use_colors:-}" == 'true' ]]; then - force_nautilus_use_colors - fi -} + echo; prompt -s "Done!"; echo; prompt -w "${msg}"; echo -# Backup and install files related to GDM theme -GS_THEME_FILE="/usr/share/gnome-shell/gnome-shell-theme.gresource" -SHELL_THEME_FOLDER="/usr/share/gnome-shell/theme" -ETC_THEME_FOLDER="/etc/alternatives" -ETC_THEME_FILE="/etc/alternatives/gdm3.css" -ETC_NEW_THEME_FILE="/etc/alternatives/gdm3-theme.gresource" -UBUNTU_THEME_FILE="/usr/share/gnome-shell/theme/ubuntu.css" -UBUNTU_NEW_THEME_FILE="/usr/share/gnome-shell/theme/gnome-shell.css" -UBUNTU_YARU_THEME_FILE="/usr/share/gnome-shell/theme/Yaru/gnome-shell-theme.gresource" -POP_OS_THEME_FILE="/usr/share/gnome-shell/theme/Pop/gnome-shell-theme.gresource" - -install_gdm() { - local GDM_THEME_DIR="${1}/${2}${3}${4}${5}" - local YARU_GDM_THEME_DIR="$SHELL_THEME_FOLDER/Yaru/${2}${3}${4}${5}" - local POP_GDM_THEME_DIR="$SHELL_THEME_FOLDER/Pop/${2}${3}${4}${5}" - - echo - prompt -i "Installing ${2}${3}${4}${5} gdm theme..." - - if [[ -f "$GS_THEME_FILE" ]] && command -v glib-compile-resources >/dev/null ; then - prompt -i "Installing '$GS_THEME_FILE'..." - cp -an "$GS_THEME_FILE" "$GS_THEME_FILE.bak" - glib-compile-resources \ - --sourcedir="$GDM_THEME_DIR/gnome-shell" \ - --target="$GS_THEME_FILE" \ - "${SRC_DIR}/main/gnome-shell/gnome-shell-theme.gresource.xml" - fi - - if [[ -f "$UBUNTU_THEME_FILE" && -f "$GS_THEME_FILE.bak" ]]; then - prompt -i "Installing '$UBUNTU_THEME_FILE'..." - cp -an "$UBUNTU_THEME_FILE" "$UBUNTU_THEME_FILE.bak" - cp -af "$GDM_THEME_DIR/gnome-shell/gnome-shell.css" "$UBUNTU_THEME_FILE" - fi - - if [[ -f "$UBUNTU_NEW_THEME_FILE" && -f "$GS_THEME_FILE.bak" ]]; then - prompt -i "Installing '$UBUNTU_NEW_THEME_FILE'..." - cp -an "$UBUNTU_NEW_THEME_FILE" "$UBUNTU_NEW_THEME_FILE.bak" - cp -af "$GDM_THEME_DIR"/gnome-shell/* "$SHELL_THEME_FOLDER" - fi - - # > Ubuntu 18.04 - if [[ -f "$ETC_THEME_FILE" && -f "$GS_THEME_FILE.bak" ]]; then - prompt -i "Installing Ubuntu GDM theme..." - cp -an "$ETC_THEME_FILE" "$ETC_THEME_FILE.bak" - [[ -d "$SHELL_THEME_FOLDER/$THEME_NAME" ]] && rm -rf "$SHELL_THEME_FOLDER/$THEME_NAME" - cp -r "$GDM_THEME_DIR/gnome-shell" "$SHELL_THEME_FOLDER/$THEME_NAME" - cd "$ETC_THEME_FOLDER" - [[ -f "$ETC_THEME_FILE.bak" ]] && ln -sf "$SHELL_THEME_FOLDER/$THEME_NAME/gnome-shell.css" gdm3.css - fi - - # > Ubuntu 20.04 - if [[ -d "$SHELL_THEME_FOLDER/Yaru" && -f "$GS_THEME_FILE.bak" ]]; then - prompt -i "Installing Ubuntu GDM theme..." - cp -an "$UBUNTU_YARU_THEME_FILE" "$UBUNTU_YARU_THEME_FILE.bak" - rm -rf "$UBUNTU_YARU_THEME_FILE" - rm -rf "$YARU_GDM_THEME_DIR" && mkdir -p "$YARU_GDM_THEME_DIR" - - mkdir -p "$YARU_GDM_THEME_DIR"/gnome-shell - mkdir -p "$YARU_GDM_THEME_DIR"/gnome-shell/{Yaru,Yaru-dark} - cp -r "$SRC_DIR"/assets/gnome-shell/icons "$YARU_GDM_THEME_DIR"/gnome-shell - cp -r "$SRC_DIR"/main/gnome-shell/pad-osd.css "$YARU_GDM_THEME_DIR"/gnome-shell - cp -r "$SRC_DIR"/main/gnome-shell/gdm3${color}.css "$YARU_GDM_THEME_DIR"/gnome-shell/gdm3.css - cp -r "$SRC_DIR"/main/gnome-shell/gnome-shell-light.css "$YARU_GDM_THEME_DIR"/gnome-shell/Yaru/gnome-shell.css - cp -r "$SRC_DIR"/main/gnome-shell/gnome-shell-dark.css "$YARU_GDM_THEME_DIR"/gnome-shell/Yaru-dark/gnome-shell.css - sed -i "s|assets|../assets|" "$YARU_GDM_THEME_DIR"/gnome-shell/{Yaru,Yaru-dark}/gnome-shell.css - cp -r "$SRC_DIR"/assets/gnome-shell/common-assets "$YARU_GDM_THEME_DIR"/gnome-shell/assets - cp -r "$SRC_DIR"/assets/gnome-shell/assets${color}/*.svg "$YARU_GDM_THEME_DIR"/gnome-shell/assets - cp -r "$SRC_DIR"/assets/gnome-shell/activities/activities.svg "$YARU_GDM_THEME_DIR"/gnome-shell/assets - - cd "$YARU_GDM_THEME_DIR"/gnome-shell - mv -f assets/no-events.svg no-events.svg - mv -f assets/process-working.svg process-working.svg - mv -f assets/no-notifications.svg no-notifications.svg - - glib-compile-resources \ - --sourcedir="$YARU_GDM_THEME_DIR"/gnome-shell \ - --target="$UBUNTU_YARU_THEME_FILE" \ - "$SRC_DIR"/main/gnome-shell/gnome-shell-yaru-theme.gresource.xml - - rm -rf "$YARU_GDM_THEME_DIR" - fi - - # > Pop_OS 20.04 - if [[ -d "$SHELL_THEME_FOLDER/Pop" && -f "$GS_THEME_FILE.bak" ]]; then - prompt -i "Installing Pop_OS GDM theme..." - cp -an "$POP_OS_THEME_FILE" "$POP_OS_THEME_FILE.bak" - rm -rf "$POP_OS_THEME_FILE" - rm -rf "$POP_GDM_THEME_DIR" && mkdir -p "$POP_GDM_THEME_DIR" - - mkdir -p "$POP_GDM_THEME_DIR"/gnome-shell - cp -r "$SRC_DIR"/assets/gnome-shell/icons "$POP_GDM_THEME_DIR"/gnome-shell - cp -r "$SRC_DIR"/main/gnome-shell/pad-osd.css "$POP_GDM_THEME_DIR"/gnome-shell - cp -r "$SRC_DIR"/main/gnome-shell/gdm3${color}.css "$POP_GDM_THEME_DIR"/gnome-shell/gdm3.css - cp -r "$SRC_DIR"/main/gnome-shell/gnome-shell-light.css "$POP_GDM_THEME_DIR"/gnome-shell/gnome-shell.css - cp -r "$SRC_DIR"/assets/gnome-shell/common-assets "$POP_GDM_THEME_DIR"/gnome-shell/assets - cp -r "$SRC_DIR"/assets/gnome-shell/assets${color}/*.svg "$POP_GDM_THEME_DIR"/gnome-shell/assets - cp -r "$SRC_DIR"/assets/gnome-shell/activities/activities.svg "$POP_GDM_THEME_DIR"/gnome-shell/assets - - cd "$POP_GDM_THEME_DIR"/gnome-shell - mv -f assets/no-events.svg no-events.svg - mv -f assets/process-working.svg process-working.svg - mv -f assets/no-notifications.svg no-notifications.svg - - glib-compile-resources \ - --sourcedir="$POP_GDM_THEME_DIR"/gnome-shell \ - --target="$POP_OS_THEME_FILE" \ - "$SRC_DIR"/main/gnome-shell/gnome-shell-pop-theme.gresource.xml - - rm -rf "$POP_GDM_THEME_DIR" - fi -} - -revert_gdm() { - if [[ -f "$GS_THEME_FILE.bak" ]]; then - prompt -w "Reverting '$GS_THEME_FILE'..." - rm -rf "$GS_THEME_FILE" - mv "$GS_THEME_FILE.bak" "$GS_THEME_FILE" - fi - - if [[ -f "$UBUNTU_THEME_FILE.bak" ]]; then - prompt -w "Reverting '$UBUNTU_THEME_FILE'..." - rm -rf "$UBUNTU_THEME_FILE" - mv "$UBUNTU_THEME_FILE.bak" "$UBUNTU_THEME_FILE" - fi - - if [[ -f "$UBUNTU_NEW_THEME_FILE.bak" ]]; then - prompt -w "Reverting '$UBUNTU_NEW_THEME_FILE'..." - rm -rf "$UBUNTU_NEW_THEME_FILE" "$SHELL_THEME_FOLDER"/{assets,no-events.svg,process-working.svg,no-notifications.svg} - mv "$UBUNTU_NEW_THEME_FILE.bak" "$UBUNTU_NEW_THEME_FILE" - fi - - # > Ubuntu 18.04 - if [[ -f "$ETC_THEME_FILE.bak" ]]; then - - prompt -w "reverting Ubuntu GDM theme..." - - rm -rf "$ETC_THEME_FILE" - mv "$ETC_THEME_FILE.bak" "$ETC_THEME_FILE" - [[ -d $SHELL_THEME_FOLDER/$THEME_NAME ]] && rm -rf $SHELL_THEME_FOLDER/$THEME_NAME - fi - - # > Ubuntu 20.04 - if [[ -f "$UBUNTU_YARU_THEME_FILE.bak" ]]; then - prompt -w "reverting Ubuntu GDM theme..." - rm -rf "$UBUNTU_YARU_THEME_FILE" - mv "$UBUNTU_YARU_THEME_FILE.bak" "$UBUNTU_YARU_THEME_FILE" - fi - - # > Pop_OS 20.04 - if [[ -f "$POP_OS_THEME_FILE.bak" ]]; then - prompt -w "reverting Pop_OS GDM theme..." - rm -rf "$POP_OS_THEME_FILE" - mv "$POP_OS_THEME_FILE.bak" "$POP_OS_THEME_FILE" - fi -} - -install_dialog() { - if [ ! "$(which dialog 2> /dev/null)" ]; then - prompt -w "\n 'dialog' needs to be installed for this shell" - if has_command zypper; then - sudo zypper in dialog - elif has_command apt-get; then - sudo apt-get install dialog - elif has_command dnf; then - sudo dnf install -y dialog - elif has_command yum; then - sudo yum install dialog - elif has_command pacman; then - sudo pacman -S --noconfirm dialog - fi - fi -} - -customize_theme_dialogs() { - if [[ -x /usr/bin/dialog ]]; then - tui=$(dialog --backtitle "${THEME_NAME} gtk theme installer" \ - --radiolist "Choose your panel background opacity - (default is 0.16, value more smaller panel more transparency!):" 20 50 10 \ - 0 "default" on \ - 1 "0.25" off \ - 2 "0.35" off \ - 3 "0.45" off \ - 4 "0.55" off \ - 5 "0.65" off \ - 6 "0.75" off \ - 7 "0.85" off --output-fd 1 ) - case "$tui" in - 0) panel_opacity="default" ;; - 1) panel_opacity="25" ;; - 2) panel_opacity="35" ;; - 3) panel_opacity="45" ;; - 4) panel_opacity="55" ;; - 5) panel_opacity="65" ;; - 6) panel_opacity="75" ;; - 7) panel_opacity="85" ;; - *) operation_canceled ;; - esac - - tui=$(dialog --backtitle "${THEME_NAME} gtk theme installer" \ - --radiolist "Choose your nautilus sidebar size (default is 200px width):" 15 40 5 \ - 0 "default" on \ - 1 "220px" off \ - 2 "240px" off \ - 3 "260px" off \ - 4 "280px" off --output-fd 1 ) - case "$tui" in - 0) sidebar_size="default" ;; - 1) sidebar_size="220" ;; - 2) sidebar_size="240" ;; - 3) sidebar_size="260" ;; - 4) sidebar_size="280" ;; - *) operation_canceled ;; - esac - - tui=$(dialog --backtitle "${THEME_NAME} gtk theme installer" \ - --radiolist "Choose your nautilus sidebar style (default is Big Sur style):" 15 40 5 \ - 1 "BigSur" on \ - 2 "Mojave" off --output-fd 1 ) - case "$tui" in - 1) nautilus_use_colors="false" ;; - 2) nautilus_use_colors="true" ;; - *) operation_canceled ;; - esac - fi -} - -gnome_version() { - if [[ -z "${GS_VERSION:-}" ]]; then - # Set a proper gnome-shell theme version - if [[ "$(command -v gnome-shell)" ]]; then - SHELL_VERSION="$(gnome-shell --version | cut -d ' ' -f 3 | cut -d . -f -2)" - if [[ "${SHELL_VERSION:-}" == '40.0' ]]; then - GS_VERSION="new" - else - GS_VERSION="old" - fi - else - echo "'gnome-shell' not found, using styles for last gnome-shell version available." - GS_VERSION="new" - fi - fi - - sed -i.bak "s/gs_version/$GS_VERSION/g" "$SRC_DIR/sass/_theme-options.scss" -} - -parse_sass() { - cd ${REPO_DIR} && ./parse-sass.sh -} - -run_customize_theme_dialogs() { - install_dialog && customize_theme_dialogs && change_transparency && change_size && force_nautilus_use_colors && parse_sass -} - -change_size() { - if [[ "${sidebar_size:-}" != 'default' ]]; then - cd ${SRC_DIR}/sass/gtk - sed -i.bak "/\$nautilus_sidebar_size/s/sidebar_size_default/sidebar_size_${sidebar_size}/" _applications.scss - prompt -w "Change nautilus sidebar size ..." - fi -} - -change_transparency() { - if [[ "${panel_opacity:-}" != 'default' ]]; then - cd ${SRC_DIR}/sass - sed -i.bak "/\$panel_opacity/s/0.16/0.${panel_opacity}/" _theme-options.scss - prompt -w "Change panel transparency ..." - fi -} - -force_nautilus_use_colors() { - cd ${SRC_DIR}/sass - sed -i.bak "/\$nautilus_use_colors/s/false/true/" _theme-options.scss - prompt -w "Forcing nautilus to use colors instead of images ..." -} - -restore_files() { - if [[ -f ${SRC_DIR}/sass/gtk/_applications.scss.bak ]]; then - local restore_file='true' - cd ${SRC_DIR}/sass/gtk - rm -rf _applications.scss - mv -f _applications.scss.bak _applications.scss - prompt -w "Restore _applications.scss file ..." - fi - - if [[ -f ${SRC_DIR}/sass/_theme-options.scss.bak ]]; then - local restore_file='true' - cd ${SRC_DIR}/sass - rm -rf _theme-options.scss - mv -f _theme-options.scss.bak _theme-options.scss - prompt -w "Restore _variables.scss file ..." - fi - - if [[ "${restore_file:-}" == 'true' ]]; then - parse_sass - fi -} - -# Install dependency -if [ ! "$(which glib-compile-resources 2> /dev/null)" ]; then - prompt -w "\n 'glib2.0' needs to be installed for this shell" - if has_command apt; then - sudo apt install libglib2.0-dev-bin - elif has_command dnf; then - sudo dnf install -y glib2-devel - fi + [[ -x /usr/bin/notify-send ]] && notify-send "'${name}' theme has been installed. Enjoy!" "${msg}" -i "weather-snow-symbolic" fi - -# Check gnome-shell version -gnome_version - -# Install themes -if [[ "${remove:-}" != 'true' && "${gdm:-}" != 'true' ]]; then - if [[ "${dialogs:-}" == 'true' ]]; then - run_customize_theme_dialogs - fi - - if [[ "${size:-}" != 'true' && "${panel:-}" != 'true' && "${nautilus_use_colors:-}" != 'true' ]]; then - parse_sass && install_theme - else - install_customize_theme && parse_sass && install_theme "${panel_opacity}" "${sidebar_size}" - fi -fi - -# Install GDM theme -if [[ "${gdm:-}" == 'true' && "${remove:-}" != 'true' && "$UID" -eq "$ROOT_UID" ]]; then - parse_sass && install_theme && install_gdm "${dest:-${DEST_DIR}}" "${name:-${THEME_NAME}}" "${color}" "${opacity}" "${theme}" "${icon}" -fi - -# Remove themes -if [[ "${gdm:-}" != 'true' && "${remove:-}" == 'true' ]]; then - remove_theme - - echo - prompt -i $THEME_NAME themes all removed!. -fi - -# Remove GDM theme (only) -if [[ "${gdm:-}" == 'true' && "${remove:-}" == 'true' && "$UID" -eq "$ROOT_UID" ]]; then - revert_gdm -fi - -# Restore files -restore_files - -prompt -s "\n Done!" diff --git a/lib-core.sh b/lib-core.sh new file mode 100644 index 00000000..9842105d --- /dev/null +++ b/lib-core.sh @@ -0,0 +1,513 @@ +# WARNING: Please make this shell not working-directory dependant, for example +# instead of using 'cd blabla', use 'cd "${REPO_DIR}/blabla"' +# +# WARNING: Don't use "cd" in this shell, use it in a subshell instead, +# for example ( cd blabla && do_blabla ) or $( cd .. && do_blabla ) +# +# WARNING: Please don't use sudo directly here since it steals our EXIT trap +# +# WARNING: Please set REPO_DIR variable before using this lib + +############################################################################### +# VARIABLES # +############################################################################### + +if [[ "${LIB_CORE_IMPORTED}" == "true" ]]; then + echo "ERROR: lib-core.sh is already imported"; exit 1 +else LIB_CORE_IMPORTED="true"; fi + +export WHITESUR_PID=$$ +MY_USERNAME="$(logname 2> /dev/null || echo ${SUDO_USER:-${USER}})" + +if command -v gnome-shell &> /dev/null; then + if (( $(gnome-shell --version | cut -d ' ' -f 3 | cut -d . -f 1) >= 4 )); then + GNOME_VERSION="new" + else + GNOME_VERSION="old" + fi +else + GNOME_VERSION="none" +fi + +# Program options +SASSC_OPT="-M -t expanded" + +if [[ "$(uname -s)" =~ "BSD" || "$(uname -s)" == "Darwin" ]]; then + SED_OPT="-i """ +else + SED_OPT="-i" +fi + +# Directories +THEME_SRC_DIR="${REPO_DIR}/src" +DASH_TO_DOCK_SRC_DIR="${REPO_DIR}/src/other/dash-to-dock" +DASH_TO_DOCK_DIR_ROOT="/usr/share/gnome-shell/extensions/dash-to-dock@micxgx.gmail.com" +DASH_TO_DOCK_DIR_HOME="/home/${MY_USERNAME}/.local/share/gnome-shell/extensions/dash-to-dock@micxgx.gmail.com" +FIREFOX_SRC_DIR="${REPO_DIR}/src/other/firefox" +FIREFOX_DIR_HOME="/home/${MY_USERNAME}/.mozilla/firefox" +export WHITESUR_TMP_DIR="/tmp/WhiteSur.lock" + +if [[ -w "/" ]]; then + THEME_DIR="/usr/share/themes" +else + THEME_DIR="$HOME/.themes" +fi + +# GDM +WHITESUR_GS_DIR="/usr/share/gnome-shell/theme/WhiteSur" +COMMON_CSS_FILE="/usr/share/gnome-shell/theme/gnome-shell.css" +UBUNTU_CSS_FILE="/usr/share/gnome-shell/theme/ubuntu.css" +ZORIN_CSS_FILE="/usr/share/gnome-shell/theme/zorin.css" +ETC_CSS_FILE="/etc/alternatives/gdm3.css" +ETC_GR_FILE="/etc/alternatives/gdm3-theme.gresource" +YARU_GR_FILE="/usr/share/gnome-shell/theme/Yaru/gnome-shell-theme.gresource" +POP_OS_GR_FILE="/usr/share/gnome-shell/theme/Pop/gnome-shell-theme.gresource" +MISC_GR_FILE="/usr/share/gnome-shell/gnome-shell-theme.gresource" +GS_GR_XML_FILE="${THEME_SRC_DIR}/main/gnome-shell/gnome-shell-theme.gresource.xml" + +# Theme +THEME_NAME="WhiteSur" +COLOR_VARIANTS=('light' 'dark') +OPACITY_VARIANTS=('normal' 'solid') +ALT_VARIANTS=('normal' 'alt') +THEME_VARIANTS=('default' 'blue' 'purple' 'pink' 'red' 'orange' 'yellow' 'green' 'grey') +ICON_VARIANTS=('standard' 'simple' 'gnome' 'ubuntu' 'arch' 'manjaro' 'fedora' 'debian' 'void') +SIDEBAR_SIZE_VARIANTS=('default' '220' '240' '260' '280') +PANEL_OPACITY_VARIANTS=('default' '30' '45' '60' '75') +NAUTILUS_STYLE_VARIANTS=('default' 'mojave' 'glassy') + +# Customization, default values +dest="${THEME_DIR}" +name="${THEME_NAME}" +colors=("${COLOR_VARIANTS[0]}") +opacities=("${OPACITY_VARIANTS[0]}") +alts=("${ALT_VARIANTS[0]}") +themes=("${THEME_VARIANTS[0]}") +icon="${ICON_VARIANTS[0]}" +sidebar_size="${SIDEBAR_SIZE_VARIANTS[0]}" +panel_opacity="${PANEL_OPACITY_VARIANTS[0]}" +nautilus_style="${NAUTILUS_STYLE_VARIANTS[0]}" +background="default" + +# Ambigous arguments checking and overriding default values +declare -A has_set=([-b]="false" [-s]="false" [-p]="false" [-d]="false" [-n]="false" [-a]="false" [-o]="false" [-c]="false" [-i]="false" [-t]="false" [-N]="false") +declare -A need_dialog=([-b]="false" [-s]="false" [-p]="false" [-d]="false" [-n]="false" [-a]="false" [-o]="false" [-c]="false" [-i]="false" [-t]="false" [-N]="false") + +# Tweaks +need_help="false" +uninstall="false" +interactive="false" + +darken="false" +no_blur="false" + +firefox="false" +edit_firefox="false" +flatpak="false" +snap="false" +gdm="false" +dash_to_dock="false" + +# Misc +msg="Run '${0} --help' to explore more customization features!" +process_ids=() +ANIM_PID="0" +has_any_error="false" + +# Colors and animation +c_default="\033[0m" +c_blue="\033[1;34m" +c_magenta="\033[1;35m" +c_cyan="\033[1;36m" +c_green="\033[1;32m" +c_red="\033[1;31m" +c_yellow="\033[1;33m" + +anim=( + "${c_blue}•${c_green}•${c_red}•${c_magenta}• " + " ${c_green}•${c_red}•${c_magenta}•${c_blue}• " + " ${c_red}•${c_magenta}•${c_blue}•${c_green}• " + " ${c_magenta}•${c_blue}•${c_green}•${c_red}• " + " ${c_blue}•${c_green}•${c_red}•${c_magenta}• " +) + +############################################################################### +# UTILITIES # +############################################################################### + +start_animation() { + setterm -cursor off + + ( + while true; do + for i in {0..4}; do + echo -ne "\r\033[2K ${anim[i]}" + sleep 0.1 + done + + for i in {4..0}; do + echo -ne "\r\033[2K ${anim[i]}" + sleep 0.1 + done + done + ) & + + ANIM_PID="${!}" +} + +stop_animation() { + kill -13 "${ANIM_PID}" &> /dev/null + setterm -cursor on +} + +# Echo like ... with flag type and display message colors +prompt() { + case "${1}" in + "-s") + echo -e " ${c_green}${2}${c_default}" ;; # print success message + "-e") + echo -e " ${c_red}${2}${c_default}" ;; # print error message + "-w") + echo -e " ${c_yellow}${2}${c_default}" ;; # print warning message + "-i") + echo -e " ${c_cyan}${2}${c_default}" ;; # print info message + esac +} + +helpify_title() { + printf "${c_cyan}%s${c_blue}%s ${c_green}%s\n\n" "Usage: " "$0" "[OPTIONS...]" + printf "${c_cyan}%s\n" "OPTIONS:" +} + +helpify() { + printf " ${c_blue}%s ${c_green}%s\n ${c_magenta}%s. ${c_cyan}%s\n\n${c_default}" "${1}" "${2}" "${3}" "${4}" +} + +# Check command availability +has_command() { + command -v "$1" &> /dev/null +} + +############################################################################### +# PARAMETERS # +############################################################################### + +destify() { + case "${1}" in + normal|default|standard) + echo "" ;; + *) + echo "-${1}" ;; + esac +} + +parsimplify() { + case "${1}" in + --size) + echo "-s" ;; + --panel) + echo "-p" ;; + --name|-n) + # workaround for echo + echo "~-n" | cut -c 2- ;; + --dest) + echo "-d" ;; + --alt) + echo "-a" ;; + --opacity) + echo "-o" ;; + --color) + echo "-c" ;; + --icon) + echo "-i" ;; + --theme) + echo "-t" ;; + --nautilus-style) + echo "-N" ;; + --background) + echo "-b" ;; + *) + echo "${1}" ;; + esac +} + +check_param() { + local global_param="$(parsimplify "${1}")" + local display_param="${2}" # used for aliases + local value="${3}" + local must_not_ambigous="${4}" # options: must, optional, not-at-all + local must_have_value="${5}" # options: must, optional, not-at-all + local value_must_found="${6}" # options: must, optional, not-at-all + local allow_all_choice="${7}" # options: true, false + + local has_any_ambiguity_error="false" + local variant_found="false" + if [[ "${has_set["${global_param}"]}" == "true" ]]; then + need_dialog["${global_param}"]="true" + + case "${must_not_ambigous}" in + must) + prompt -e "ERROR: Ambigous '${display_param}' option. Choose one only."; has_any_error="true" ;; + optional) + prompt -w "WARNING: Ambigous '${display_param}' option. We'll show a chooser dialog when possible" ;; + esac + fi + + if [[ "${value}" == "" || "${value}" == "-"* ]]; then + need_dialog["${global_param}"]="true" + + case "${must_have_value}" in + must) + prompt -e "ERROR: '${display_param}' can't be empty."; has_any_error="true" ;; + optional) + prompt -w "WARNING: '${display_param}' can't be empty. We'll show a chooser dialog when possible" ;; + esac + + has_set["${global_param}"]="true"; return 1 + else + if [[ "${has_set["${global_param}"]}" == "false" ]]; then + case "${global_param}" in + -a) + alts=() ;; + -o) + opacities=() ;; + -c) + colors=() ;; + -t) + themes=() ;; + esac + fi + + case "${global_param}" in + -d) + if [[ "$(readlink -m "${value}")" =~ "${REPO_DIR}" ]]; then + prompt -e "'${display_param}' ERROR: Can't install in the source directory." + has_any_error="true" + elif [[ ! -w "${value}" && ! -w "$(dirname "${value}")" ]]; then + prompt -e "'${display_param}' ERROR: You have no permission to access that directory." + has_any_error="true" + else + if [[ ! -d "${value}" ]]; then + prompt -w "Destination directory does not exist. Let's make a new one..."; echo + mkdir -p "${value}" + fi + + dest="${value}" + fi + + remind_relative_path "${display_param}" "${value}"; variant_found="skip" ;; + -b) + if [[ "${value}" == "blank" || "${value}" == "default" ]]; then + background="${value}" + elif [[ ! -r "${value}" ]]; then + prompt -e "'${display_param}' ERROR: Image file is not found or unreadable." + has_any_error="true" + elif file "${value}" | grep -qE "image|bitmap"; then + background="${value}" + else + prompt -e "'${display_param}' ERROR: Invalid image file." + has_any_error="true" + fi + + remind_relative_path "${display_param}" "${value}"; variant_found="skip" ;; + -n) + name="${value}"; variant_found="skip" ;; + -s) + for i in {0..4}; do + if [[ "${value}" == "${SIDEBAR_SIZE_VARIANTS[i]}" ]]; then + sidebar_size="${value}"; variant_found="true"; break + fi + done ;; + -p) + for i in {0..4}; do + if [[ "${value}" == "${PANEL_OPACITY_VARIANTS[i]}" ]]; then + panel_opacity="${value}"; variant_found="true"; break + fi + done ;; + -a) + [[ "${alts_set}" == "false" ]] && alts=() + + if [[ "${value}" == "all" ]]; then + for i in {0..2}; do + alts+=("${ALT_VARIANTS[i]}") + done + + variant_found="true" + else + for i in {0..2}; do + if [[ "${value}" == "${ALT_VARIANTS[i]}" ]]; then + alts+=("${ALT_VARIANTS[i]}"); variant_found="true"; break + fi + done + fi ;; + -o) + for i in {0..1}; do + if [[ "${value}" == "${OPACITY_VARIANTS[i]}" ]]; then + opacities+=("${OPACITY_VARIANTS[i]}"); variant_found="true"; break + fi + done ;; + -c) + for i in {0..1}; do + if [[ "${value}" == "${COLOR_VARIANTS[i]}" ]]; then + colors+=("${COLOR_VARIANTS[i]}"); variant_found="true"; break + fi + done ;; + -i) + for i in {0..8}; do + if [[ "${value}" == "${ICON_VARIANTS[i]}" ]]; then + icon="${ICON_VARIANTS[i]}"; variant_found="true"; break + fi + done ;; + -t) + if [[ "${value}" == "all" ]]; then + for i in {0..8}; do + themes+=("${THEME_VARIANTS[i]}") + done + + variant_found="true" + else + for i in {0..8}; do + if [[ "${value}" == "${THEME_VARIANTS[i]}" ]]; then + themes+=("${THEME_VARIANTS[i]}") + variant_found="true" + break + fi + done + fi ;; + -N) + for i in {0..2}; do + if [[ "${value}" == "${NAUTILUS_STYLE_VARIANTS[i]}" ]]; then + nautilus_style="${NAUTILUS_STYLE_VARIANTS[i]}"; variant_found="true"; break + fi + done ;; + esac + + if [[ "${variant_found}" == "false" && "${variant_found}" != "skip" ]]; then + case "${value_must_found}" in + must) + prompt -e "ERROR: Unrecognized '${display_param}' variant: '${value}'."; has_any_error="true" ;; + optional) + prompt -w "WARNING: '${display_param}' variant of '${value}' isn't recognized. We'll show a chooser dialog when possible" + need_dialog["${global_param}"]="true" ;; + esac + elif [[ "${allow_all_choice}" == "false" && "${value}" == "all" ]]; then + prompt -e "ERROR: Can't choose all '${display_param}' variants."; has_any_error="true" + fi + + has_set["${global_param}"]="true"; return 0 + fi +} + +avoid_variant_duplicates() { + colors=($(printf "%s\n" "${colors[@]}" | sort -u)) + opacities=($(printf "%s\n" "${opacities[@]}" | sort -u)) + alts=($(printf "%s\n" "${alts[@]}" | sort -u)) + themes=($(printf "%s\n" "${themes[@]}" | sort -u)) +} + +# 'finalize_argument_parsing' is in the 'systems' section + +############################################################################### +# FILES # +############################################################################### + +restore_file() { + if [[ -f "${1}.bak" ]]; then + case "${2}" in + rootify) + rootify rm -rf "${1}"; rootify mv "${1}"{".bak",""} ;; + userify) + userify rm -rf "${1}"; userify mv "${1}"{".bak",""} ;; + *) + rm -rf "${1}"; mv "${1}"{".bak",""} ;; + esac + fi +} + +backup_file() { + if [[ -f "${1}" ]]; then + case "${2}" in + rootify) + rootify mv -n "${1}"{"",".bak"} ;; + userify) + userify mv -n "${1}"{"",".bak"} ;; + *) + mv -n "${1}"{"",".bak"} ;; + esac + fi +} + +check_theme_file() { + [[ -f "${1}" || -f "${1}.bak" ]] && return 0 || return 1 +} + +remind_relative_path() { + [[ "${2}" =~ "~" ]] && prompt -w "'${1}' REMEMBER: ~/'path to somewhere' and '~/path to somewhere' are different." +} + +############################################################################### +# SYSTEMS # +############################################################################### + +lockWhiteSur() { + while [[ -e "/proc/${WHITESUR_PID}" ]]; do sleep 0.1; done + rm -rf "${WHITESUR_TMP_DIR}" +}; export -f lockWhiteSur + +rootify() { + trap true SIGINT + prompt -w "Executing '$(echo "${@}" | cut -c -35 )...' as root" + sudo ${@} || operation_canceled + trap sig_c SIGINT +} + +full_rootify() { + if [[ ! -w "/" ]]; then + prompt -e "ERROR: '${1}' needs a root priviledge. Please run this '${0}' as root" + has_any_error="true" + fi +} + +userify() { + trap true SIGINT + sudo -u "${MY_USERNAME}" ${@} || operation_canceled + trap sig_c SIGINT +} + +sig_c() { + kill -13 "${process_ids[@]}" &> /dev/null + stop_animation; wait "${process_ids[@]}"; operation_canceled +} + +operation_canceled() { + clear; prompt -e "\n\n Oops! Operation has been canceled or failed...\n\n"; exit 1 +} + +usage() { + prompt -e "Usage function is not implemented"; exit 1 +} + +finalize_argument_parsing() { + if [[ "${need_help}" == "true" ]]; then + echo; usage + [[ "${has_any_error}" == "true" ]] && exit 1 || exit 0 + elif [[ "${has_any_error}" == "true" ]]; then + echo; prompt -i "Try '$0 --help' for more information."; exit 1 + else + trap sig_c SIGINT + [[ "${need_dialog[@]}" =~ "true" ]] && echo + + if [[ -d "${WHITESUR_TMP_DIR}" ]]; then + start_animation; sleep 2; stop_animation; echo + + if [[ -d "${WHITESUR_TMP_DIR}" ]]; then + prompt -e "ERROR: Whitesur installer or tweaks is already running. Probably it's run by '$(ls -ld "${WHITESUR_TMP_DIR}" | awk '{print $3}')'" + exit 1 + fi + fi + + rm -rf "${WHITESUR_TMP_DIR}"; mkdir -p "${WHITESUR_TMP_DIR}" + rm -rf "${THEME_SRC_DIR}/sass/_theme-options-temp.scss" + nohup bash -c lockWhiteSur &> /dev/null 2> /dev/null & disown ${!} + fi +} diff --git a/lib-install.sh b/lib-install.sh new file mode 100644 index 00000000..2671c254 --- /dev/null +++ b/lib-install.sh @@ -0,0 +1,506 @@ +# WARNING: Please make this shell not working-directory dependant, for example +# instead of using 'cd blabla', use 'cd "${REPO_DIR}/blabla"' +# +# WARNING: Don't use "cd" in this shell, use it in a subshell instead, +# for example ( cd blabla && do_blabla ) or $( cd .. && do_blabla ) +# +# WARNING: Please don't use sudo directly here since it steals our EXIT trap +# +# WARNING: Please set REPO_DIR variable before using this lib + +############################################################################### +# VARIABLES # +############################################################################### + +if [[ "${LIB_INSTALL_IMPORTED}" == "true" ]]; then + echo "ERROR: lib-install.sh is already imported"; exit 1 +else LIB_INSTALL_IMPORTED="true"; fi + +source "${REPO_DIR}/lib-core.sh" + +############################################################################### +# DEPENDENCIES # +############################################################################### + +install_theme_deps() { + if [[ ! "$(which glib-compile-resources 2> /dev/null)" || ! "$(which sassc 2> /dev/null)" || \ + ! "$(which convert 2> /dev/null)" || ! -r "/usr/share/gtk-engines/murrine.xml" || \ + ! "$(which xmllint 2> /dev/null)" || ! "$(which dialog 2> /dev/null)" ]]; then + echo; prompt -w "'glib2.0', 'sassc', 'imagemagick', 'xmllint', 'libmurrine', and 'dialog' are required for this shell." + + if has_command zypper; then + rootify zypper in -y sassc glib2-devel ImageMagick gtk2-engine-murrine libxml2-tools dialog + elif has_command apt; then + rootify apt install -y sassc libglib2.0-dev-bin imagemagick gtk2-engines-murrine libxml2-utils dialog + elif has_command dnf; then + rootify dnf install -y sassc glib2-devel ImageMagick gtk-murrine-engine libxml2 dialog + elif has_command yum; then + rootify yum install -y sassc glib2-devel ImageMagick gtk-murrine-engine libxml2 dialog + elif has_command pacman; then + rootify pacman -S --noconfirm --needed sassc glib2 imagemagick gtk-engine-murrine libxml2 dialog + else + prompt -w "WARNING: We're sorry, your distro isn't officially supported yet." + prompt -w "INSTRUCTION: Please make sure you have installed all of the required dependencies. We'll continue the installation in 15 seconds" + prompt -w "INSTRUCTION: Press 'ctrl'+'c' to cancel the installation if you haven't install them yet" + start_animation; sleep 15; stop_animation + fi + fi +} + +############################################################################### +# THEME MODULES # +############################################################################### + +install_beggy() { + local CONVERT_OPT="" + + [[ "${no_blur}" == "false" ]] && CONVERT_OPT+=" -scale 1280x -blur 0x60 " + [[ "${darken}" == "true" ]] && CONVERT_OPT+=" -fill black -colorize 45% " + + case "${background}" in + blank) + cp -r "${THEME_SRC_DIR}/assets/gnome-shell/common-assets/background-blank.png" "${WHITESUR_TMP_DIR}/beggy.png" ;; + default) + convert "${THEME_SRC_DIR}/assets/gnome-shell/common-assets/background-default.png" ${CONVERT_OPT} "${WHITESUR_TMP_DIR}/beggy.png" ;; + *) + convert "${background}" ${CONVERT_OPT} "${WHITESUR_TMP_DIR}/beggy.png" ;; + esac +} + +install_darky() { + local opacity="$(destify ${1})" + local theme="$(destify ${2})" + + sassc ${SASSC_OPT} "${THEME_SRC_DIR}/main/gtk-3.0/gtk-dark${opacity}${theme}.scss" "${WHITESUR_TMP_DIR}/darky${opacity}${theme}.css" +} + +install_shelly() { + local color="$(destify ${1})" + local opacity="$(destify ${2})" + local alt="$(destify ${3})" + local theme="$(destify ${4})" + local icon="$(destify ${5})" + local TARGET_DIR= + + if [[ -z "${6}" ]]; then + TARGET_DIR="${dest}/${name}${color}${opacity}${alt}${theme}/gnome-shell" + else TARGET_DIR="${6}"; fi + + mkdir -p "${TARGET_DIR}" + mkdir -p "${TARGET_DIR}/assets" + cp -r "${THEME_SRC_DIR}/assets/gnome-shell/icons" "${TARGET_DIR}" + cp -r "${THEME_SRC_DIR}/main/gnome-shell/pad-osd.css" "${TARGET_DIR}" + sassc ${SASSC_OPT} "${THEME_SRC_DIR}/main/gnome-shell/gnome-shell${color}${opacity}${alt}${theme}.scss" "${TARGET_DIR}/gnome-shell.css" + cp -r "${THEME_SRC_DIR}/assets/gnome-shell/common-assets/"*".svg" "${TARGET_DIR}/assets" + + if [[ "${theme}" != '' ]]; then + cp -r "${THEME_SRC_DIR}/assets/gnome-shell/common-assets${theme}/"*".svg" "${TARGET_DIR}/assets" + fi + + cp -r "${THEME_SRC_DIR}/assets/gnome-shell/assets${color}/"*".svg" "${TARGET_DIR}/assets" + cp -r "${THEME_SRC_DIR}/assets/gnome-shell/activities/activities${icon}.svg" "${TARGET_DIR}/assets/activities.svg" + cp -r "${WHITESUR_TMP_DIR}/beggy.png" "${TARGET_DIR}/assets/background.png" + + ( + cd "${TARGET_DIR}" + mv -f "assets/no-events.svg" "no-events.svg" + mv -f "assets/process-working.svg" "process-working.svg" + mv -f "assets/no-notifications.svg" "no-notifications.svg" + ) + + if [[ "${alt}" == '-alt' || "${opacity}" == '-solid' ]] && [[ "${color}" == '-light' ]]; then + cp -r "${THEME_SRC_DIR}/assets/gnome-shell/activities-black/activities${icon}.svg" "${TARGET_DIR}/assets/activities.svg" + cp -r "${THEME_SRC_DIR}/assets/gnome-shell/activities/activities${icon}.svg" "${TARGET_DIR}/assets/activities-white.svg" + fi +} + +install_theemy() { + local color="$(destify ${1})" + local opacity="$(destify ${2})" + local alt="$(destify ${3})" + local theme="$(destify ${4})" + local icon="$(destify ${5})" + + local TARGET_DIR="${dest}/${name}${color}${opacity}${alt}${theme}" + local TMP_DIR="${WHITESUR_TMP_DIR}/gtk${color}${opacity}${alt}${theme}" + + mkdir -p "${TARGET_DIR}" + local desktop_entry=" + [Desktop Entry] + Type=X-GNOME-Metatheme + Name=${name}${color}${opacity}${alt}${theme} + Comment=A MacOS BigSur like Gtk+ theme based on Elegant Design + Encoding=UTF-8 + + [X-GNOME-Metatheme] + GtkTheme=${name}${color}${opacity}${alt}${theme} + MetacityTheme=${name}${color}${opacity}${alt}${theme} + IconTheme=${name}${color} + CursorTheme=${name}${color} + ButtonLayout=close,minimize,maximize:menu" + echo "${desktop_entry}" > "${TARGET_DIR}/index.theme" + + #----------------------GTK-----------------------# + + mkdir -p "${TMP_DIR}" + cp -r "${THEME_SRC_DIR}/assets/gtk-3.0/common-assets/assets" "${TMP_DIR}" + cp -r "${THEME_SRC_DIR}/assets/gtk-3.0/windows-assets/titlebutton${alt}" "${TMP_DIR}/windows-assets" + + if [[ "${theme}" != '' ]]; then + cp -r "${THEME_SRC_DIR}/assets/gtk-3.0/common-assets/assets${theme}/"*".png" "${TMP_DIR}/assets" + fi + + if [[ "${color}" == '-light' ]]; then + sassc ${SASSC_OPT} "${THEME_SRC_DIR}/main/gtk-3.0/gtk-light${opacity}${theme}.scss" "${TMP_DIR}/gtk.css" + else + cp -r "${WHITESUR_TMP_DIR}/darky${opacity}${theme}.css" "${TMP_DIR}/gtk.css" + fi + + cp -r "${WHITESUR_TMP_DIR}/darky${opacity}${theme}.css" "${TMP_DIR}/gtk-dark.css" + + mkdir -p "${TARGET_DIR}/gtk-3.0" + cp -r "${THEME_SRC_DIR}/assets/gtk-3.0/thumbnails/thumbnail${color}${theme}.png" "${TARGET_DIR}/gtk-3.0/thumbnail.png" + echo '@import url("resource:///org/gnome/theme/gtk.css");' > "${TARGET_DIR}/gtk-3.0/gtk.css" + echo '@import url("resource:///org/gnome/theme/gtk-dark.css");' > "${TARGET_DIR}/gtk-3.0/gtk-dark.css" + glib-compile-resources --sourcedir="${TMP_DIR}" --target="${TARGET_DIR}/gtk-3.0/gtk.gresource" "${THEME_SRC_DIR}/main/gtk-3.0/gtk.gresource.xml" + + #----------------Cinnamon-----------------# + + mkdir -p "${TARGET_DIR}/cinnamon" + sassc ${SASSC_OPT} "${THEME_SRC_DIR}/main/cinnamon/cinnamon${color}${opacity}${theme}.scss" "${TARGET_DIR}/cinnamon/cinnamon.css" + cp -r "${THEME_SRC_DIR}/assets/cinnamon/common-assets" "${TARGET_DIR}/cinnamon/assets" + + if [[ ${theme} != '' ]]; then + cp -r "${THEME_SRC_DIR}/assets/cinnamon/common-assets${theme}/"*".svg" "${TARGET_DIR}/cinnamon/assets" + fi + + cp -r "${THEME_SRC_DIR}/assets/cinnamon/assets${color}/"*".svg" "${TARGET_DIR}/cinnamon/assets" + cp -r "${THEME_SRC_DIR}/assets/cinnamon/thumbnails/thumbnail${color}${theme}.png" "${TARGET_DIR}/cinnamon/thumbnail.png" + + #----------------Misc------------------# + + mkdir -p "${TARGET_DIR}/gtk-2.0" + cp -r "${THEME_SRC_DIR}/main/gtk-2.0/gtkrc${color}${theme}" "${TARGET_DIR}/gtk-2.0/gtkrc" + cp -r "${THEME_SRC_DIR}/main/gtk-2.0/menubar-toolbar${color}.rc" "${TARGET_DIR}/gtk-2.0/menubar-toolbar.rc" + cp -r "${THEME_SRC_DIR}/main/gtk-2.0/common/"*".rc" "${TARGET_DIR}/gtk-2.0" + cp -r "${THEME_SRC_DIR}/assets/gtk-2.0/assets${color}" "${TARGET_DIR}/gtk-2.0/assets" + + if [[ "${theme}" != '' ]]; then + cp -r "${THEME_SRC_DIR}/assets/gtk-2.0/assets${color}${theme}/"*".png" "${TARGET_DIR}/gtk-2.0/assets" + fi + + mkdir -p "${TARGET_DIR}/metacity-1" + cp -r "${THEME_SRC_DIR}/main/metacity-1/metacity-theme${color}.xml" "${TARGET_DIR}/metacity-1/metacity-theme-1.xml" + cp -r "${THEME_SRC_DIR}/main/metacity-1/metacity-theme-3.xml" "${TARGET_DIR}/metacity-1" + cp -r "${THEME_SRC_DIR}/assets/metacity-1/assets/"*".png" "${TARGET_DIR}/metacity-1" + cp -r "${THEME_SRC_DIR}/assets/metacity-1/thumbnail${color}.png" "${TARGET_DIR}/metacity-1/thumbnail.png" + ( cd "${TARGET_DIR}/metacity-1" && ln -s "metacity-theme-1.xml" "metacity-theme-2.xml" ) + + mkdir -p "${TARGET_DIR}/xfwm4" + cp -r "${THEME_SRC_DIR}/assets/xfwm4/assets${color}/"*".png" "${TARGET_DIR}/xfwm4" + cp -r "${THEME_SRC_DIR}/main/xfwm4/themerc${color}" "${TARGET_DIR}/xfwm4/themerc" + + mkdir -p "${TARGET_DIR}/plank" + cp -r "${THEME_SRC_DIR}/other/plank/theme${color}/"*".theme" "${TARGET_DIR}/plank" +} + +remove_packy() { + rm -rf "${dest}/${name}$(destify ${1})$(destify ${2})$(destify ${3})$(destify ${4})" +} + +############################################################################### +# THEMES # +############################################################################### + +install_themes() { + start_animation + process_ids=() + + [[ "${GNOME_VERSION}" != 'new' ]] && install_beggy + + for opacity in "${opacities[@]}"; do + for alt in "${alts[@]}"; do + for theme in "${themes[@]}"; do + install_darky "${opacity}" "${theme}" + + for color in "${colors[@]}"; do + install_theemy "${color}" "${opacity}" "${alt}" "${theme}" "${icon}" & + process_ids+=("${!}") + + if [[ "${GNOME_VERSION}" != 'new' ]]; then + install_shelly "${color}" "${opacity}" "${alt}" "${theme}" "${icon}" & + process_ids+=("${!}") + fi + done + done + done + done + + wait "${process_ids[@]}" + stop_animation +} + +remove_themes() { + process_ids=() + + for color in "${COLOR_VARIANTS[@]}"; do + for opacity in "${OPACITY_VARIANTS[@]}"; do + for alt in "${ALT_VARIANTS[@]}"; do + for theme in "${THEME_VARIANTS[@]}"; do + remove_packy "${color}" "${opacity}" "${alt}" "${theme}" & + process_ids+=("${!}") + done + done + done + done + + wait "${process_ids[@]}" +} + +install_gdm_theme() { + start_animation + local TARGET= + + # Let's go! + rm -rf "${WHITESUR_GS_DIR}"; install_beggy + + if check_theme_file "${COMMON_CSS_FILE}"; then # CSS-based theme + install_shelly "${colors[0]}" "${opacities[0]}" "${alts[0]}" "${themes[0]}" "${icon}" "${WHITESUR_GS_DIR}" + sed ${SED_OPT} "s|assets|${WHITESUR_GS_DIR}/assets|" "${WHITESUR_GS_DIR}/gnome-shell.css" + + if check_theme_file "${UBUNTU_CSS_FILE}"; then + TARGET="${UBUNTU_CSS_FILE}" + elif check_theme_file "${ZORIN_CSS_FILE}"; then + TARGET="${ZORIN_CSS_FILE}" + fi + + backup_file "${COMMON_CSS_FILE}"; backup_file "${TARGET}" + ln -sf "${WHITESUR_GS_DIR}/gnome-shell.css" "${COMMON_CSS_FILE}" + ln -sf "${WHITESUR_GS_DIR}/gnome-shell.css" "${TARGET}" + + # Fix previously installed WhiteSur + restore_file "${ETC_CSS_FILE}" + else # GR-based theme + install_shelly "${colors[0]}" "${opacities[0]}" "${alts[0]}" "${themes[0]}" "${icon}" "${WHITESUR_TMP_DIR}/shelly" + sed ${SED_OPT} "s|assets|resource:///org/gnome/shell/theme/assets|" "${WHITESUR_TMP_DIR}/shelly/gnome-shell.css" + + if check_theme_file "$POP_OS_GR_FILE"; then + TARGET="${POP_OS_GR_FILE}" + elif check_theme_file "$YARU_GR_FILE"; then + TARGET="${YARU_GR_FILE}" + elif check_theme_file "$MISC_GR_FILE"; then + TARGET="${MISC_GR_FILE}" + fi + + backup_file "${TARGET}" + glib-compile-resources --sourcedir="${WHITESUR_TMP_DIR}/shelly" --target="${TARGET}" "${GS_GR_XML_FILE}" + + # Fix previously installed WhiteSur + restore_file "${ETC_GR_FILE}" + fi + + stop_animation +} + +revert_gdm_theme() { + rm -rf "${WHITESUR_GS_DIR}" + restore_file "${COMMON_CSS_FILE}"; restore_file "${UBUNTU_CSS_FILE}" + restore_file "${ZORIN_CSS_FILE}"; restore_file "${ETC_CSS_FILE}" + restore_file "${POP_OS_GR_FILE}"; restore_file "${YARU_GR_FILE}" + restore_file "${MISC_GR_FILE}"; restore_file "${ETC_GR_FILE}" +} + +############################################################################### +# FIREFOX # +############################################################################### + +install_firefox_theme() { + remove_firefox_theme + userify cp -rf "${FIREFOX_SRC_DIR}" "${FIREFOX_DIR_HOME}/WhiteSur-chrome" + config_firefox +} + +config_firefox() { + killall "firefox" &> /dev/null + + for d in "${FIREFOX_DIR_HOME}/"*"default"*; do + rm -rf "${d}/chrome" + userify ln -sf "${FIREFOX_DIR_HOME}/WhiteSur-chrome" "${d}/chrome" + userify echo "user_pref(\"toolkit.legacyUserProfileCustomizations.stylesheets\", true);" >> "${d}/prefs.js" + userify echo "user_pref(\"browser.tabs.drawInTitlebar\", true);" >> "${d}/prefs.js" + userify echo "user_pref(\"browser.uidensity\", 0);" >> "${d}/prefs.js" + userify echo "user_pref(\"layers.acceleration.force-enabled\", true);" >> "${d}/prefs.js" + userify echo "user_pref(\"mozilla.widget.use-argb-visuals\", true);" >> "${d}/prefs.js" + done +} + +edit_firefox_theme_prefs() { + [[ ! -d "${FIREFOX_DIR_HOME}/WhiteSur-chrome" ]] && install_firefox_theme ; config_firefox + ${EDITOR:-nano} "${FIREFOX_DIR_HOME}/WhiteSur-chrome/userChrome.css" + ${EDITOR:-nano} "${FIREFOX_DIR_HOME}/WhiteSur-chrome/customChrome.css" +} + +remove_firefox_theme() { + rm -rf "${FIREFOX_DIR_HOME}/"*"default"*"/chrome" + rm -rf "${FIREFOX_DIR_HOME}/WhiteSur-chrome" +} + +############################################################################### +# DASH TO DOCK # +############################################################################### + +install_dash_to_dock_theme() { + if [[ -d "${DASH_TO_DOCK_DIR_HOME}" ]]; then + backup_file "${DASH_TO_DOCK_DIR_HOME}/stylesheet.css" "userify" + userify sassc ${SASSC_OPT} "${DASH_TO_DOCK_SRC_DIR}/stylesheet$(destify ${colors[0]}).scss" "${DASH_TO_DOCK_DIR_HOME}/stylesheet.css" + elif [[ -d "${DASH_TO_DOCK_DIR_ROOT}" ]]; then + backup_file "${DASH_TO_DOCK_DIR_ROOT}/stylesheet.css" "rootify" + rootify sassc ${SASSC_OPT} "${DASH_TO_DOCK_SRC_DIR}/stylesheet$(destify ${colors[0]}).scss" "${DASH_TO_DOCK_DIR_ROOT}/stylesheet.css" + fi + + userify dbus-launch gsettings set org.gnome.shell.extensions.dash-to-dock apply-custom-theme true +} + +revert_dash_to_dock_theme() { + if [[ -d "${DASH_TO_DOCK_DIR_HOME}" ]]; then + restore_file "${DASH_TO_DOCK_DIR_HOME}/stylesheet.css" "userify" + elif [[ -d "${DASH_TO_DOCK_DIR_ROOT}" ]]; then + restore_file "${DASH_TO_DOCK_DIR_ROOT}/stylesheet.css" "rootify" + fi +} + +############################################################################### +# FLATPAK & SNAP # +############################################################################### + +connect_flatpak() { + rootify flatpak override --filesystem=~/.themes +} + +disconnect_flatpak() { + rootify flatpak override --nofilesystem=~/.themes +} + +connect_snap() { + rootify snap install whitesur-gtk-theme + + for i in $(snap connections | grep gtk-common-themes | awk '{print $2}' | cut -f1 -d: | sort -u); do + rootify snap connect "${i}:gtk-3-themes" "whitesur-gtk-theme:gtk-3-themes" + rootify snap connect "${i}:icon-themes" "whitesur-gtk-theme:icon-themes" + done +} + +disconnect_snap() { + for i in $(snap connections | grep gtk-common-themes | awk '{print $2}' | cut -f1 -d: | sort -u); do + rootify snap disconnect "${i}:gtk-3-themes" "whitesur-gtk-theme:gtk-3-themes" + rootify snap disconnect "${i}:icon-themes" "whitesur-gtk-theme:icon-themes" + done +} + +############################################################################### +# CUSTOMIZATIONS # +############################################################################### + +customize_theme() { + rm -rf "${THEME_SRC_DIR}/sass/_theme-options-temp.scss" + cp -rf "${THEME_SRC_DIR}/sass/_theme-options"{".scss","-temp.scss"} + + # Change common apps style for a specific GNOME Shell version + if [[ ${GNOME_VERSION} == "new" ]]; then + sed ${SED_OPT} "/\$gnome_version/s/old/new/" "${THEME_SRC_DIR}/sass/_theme-options-temp.scss" + elif [[ ${GNOME_VERSION} == "none" ]]; then + prompt -w "There's no GNOME Shell installed, using style for the older GNOME Shell instead..." + fi + + # Change gnome-shell panel transparency + if [[ "${panel_opacity}" != 'default' ]]; then + prompt -w "Changing panel transparency ..." + sed ${SED_OPT} "/\$panel_opacity/s/0.15/0.${panel_opacity}/" "${THEME_SRC_DIR}/sass/_theme-options-temp.scss" + fi + + # Change Nautilus sidarbar size + if [[ "${sidebar_size}" != 'default' ]]; then + prompt -w "Changing Nautilus sidebar size ..." + sed ${SED_OPT} "/\$sidebar_size/s/200px/${sidebar_size}px/" "${THEME_SRC_DIR}/sass/_theme-options-temp.scss" + fi + + # Change Nautilus style + if [[ "${nautilus_style}" != 'default' ]]; then + prompt -w "Changing Nautilus style ..." + sed ${SED_OPT} "/\$nautilus_style/s/default/${nautilus_style}/" "${THEME_SRC_DIR}/sass/_theme-options-temp.scss" + fi +} + +#-----------------------------------DIALOGS------------------------------------# + +# The default values here should get manually set and updated. Some of default +# values are taken from _variables.scss + +show_panel_opacity_dialog() { + if [[ -x /usr/bin/dialog ]]; then + tui=$(dialog --backtitle "${THEME_NAME} gtk theme installer" \ + --radiolist "Choose your panel background opacity + (Default is 0.15. The less value, the more transparency!):" 20 50 10 \ + 0 "${PANEL_OPACITY_VARIANTS[0]}" on \ + 1 "0.${PANEL_OPACITY_VARIANTS[1]}" off \ + 2 "0.${PANEL_OPACITY_VARIANTS[2]}" off \ + 3 "0.${PANEL_OPACITY_VARIANTS[3]}" off \ + 4 "0.${PANEL_OPACITY_VARIANTS[4]}" off --output-fd 1 ) + case "$tui" in + 0) panel_opacity="${PANEL_OPACITY_VARIANTS[0]}" ;; + 1) panel_opacity="${PANEL_OPACITY_VARIANTS[1]}" ;; + 2) panel_opacity="${PANEL_OPACITY_VARIANTS[2]}" ;; + 3) panel_opacity="${PANEL_OPACITY_VARIANTS[3]}" ;; + 4) panel_opacity="${PANEL_OPACITY_VARIANTS[4]}" ;; + *) operation_canceled ;; + esac + fi + + clear +} + +show_sidebar_size_dialog() { + if [[ -x /usr/bin/dialog ]]; then + tui=$(dialog --backtitle "${THEME_NAME} gtk theme installer" \ + --radiolist "Choose your Nautilus sidebar size (default is 200px width):" 15 40 5 \ + 0 "${SIDEBAR_SIZE_VARIANTS[0]}" on \ + 1 "${SIDEBAR_SIZE_VARIANTS[1]}px" off \ + 2 "${SIDEBAR_SIZE_VARIANTS[2]}px" off \ + 3 "${SIDEBAR_SIZE_VARIANTS[3]}px" off \ + 4 "${SIDEBAR_SIZE_VARIANTS[4]}px" off --output-fd 1 ) + case "$tui" in + 0) sidebar_size="${SIDEBAR_SIZE_VARIANTS[0]}" ;; + 1) sidebar_size="${SIDEBAR_SIZE_VARIANTS[1]}" ;; + 2) sidebar_size="${SIDEBAR_SIZE_VARIANTS[2]}" ;; + 3) sidebar_size="${SIDEBAR_SIZE_VARIANTS[3]}" ;; + 4) sidebar_size="${SIDEBAR_SIZE_VARIANTS[4]}" ;; + *) operation_canceled ;; + esac + fi + + clear +} + +show_nautilus_style_dialog() { + if [[ -x /usr/bin/dialog ]]; then + tui=$(dialog --backtitle "${THEME_NAME} gtk theme installer" \ + --radiolist "Choose your Nautilus style (default is BigSur-like style):" 15 40 5 \ + 0 "${NAUTILUS_STYLE_VARIANTS[0]}" on \ + 1 "${NAUTILUS_STYLE_VARIANTS[1]}" on \ + 2 "${NAUTILUS_STYLE_VARIANTS[2]}" off --output-fd 1 ) + case "$tui" in + 0) nautilus_style="${NAUTILUS_STYLE_VARIANTS[0]}" ;; + 1) nautilus_style="${NAUTILUS_STYLE_VARIANTS[1]}" ;; + 2) nautilus_style="${NAUTILUS_STYLE_VARIANTS[2]}" ;; + *) operation_canceled ;; + esac + fi + + clear +} + +show_needed_dialogs() { + [[ "${need_dialog["-p"]}" == "true" ]] && show_panel_opacity_dialog + [[ "${need_dialog["-s"]}" == "true" ]] && show_sidebar_size_dialog + [[ "${need_dialog["-N"]}" == "true" ]] && show_nautilus_style_dialog +} diff --git a/parse-sass.sh b/parse-sass.sh deleted file mode 100755 index ffe051e0..00000000 --- a/parse-sass.sh +++ /dev/null @@ -1,77 +0,0 @@ -#! /usr/bin/env bash - -# Check command availability -function has_command() { - command -v $1 > /dev/null -} - -if [ ! "$(which sassc 2> /dev/null)" ]; then - echo sassc needs to be installed to generate the css. - if has_command zypper; then - sudo zypper in sassc - elif has_command apt; then - sudo apt install sassc - elif has_command dnf; then - sudo dnf install -y sassc - elif has_command yum; then - sudo yum install sassc - elif has_command pacman; then - sudo pacman -S --noconfirm sassc - fi -fi - -SASSC_OPT="-M -t expanded" - -_COLOR_VARIANTS=('-light' '-dark') -if [ ! -z "${COLOR_VARIANTS:-}" ]; then - IFS=', ' read -r -a _COLOR_VARIANTS <<< "${COLOR_VARIANTS:-}" -fi - -_TRANS_VARIANTS=('' '-solid') -if [ ! -z "${TRANS_VARIANTS:-}" ]; then - IFS=', ' read -r -a _TRANS_VARIANTS <<< "${TRANS_VARIANTS:-}" -fi - -_ALT_VARIANTS=('' '-alt') -if [ ! -z "${TRANS_VARIANTS:-}" ]; then - IFS=', ' read -r -a _TRANS_VARIANTS <<< "${TRANS_VARIANTS:-}" -fi - -_THEME_VARIANTS=('' '-blue' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-grey') -if [ ! -z "${THEME_VARIANTS:-}" ]; then - IFS=', ' read -r -a _THEME_VARIANTS <<< "${THEME_VARIANTS:-}" -fi - -for color in "${_COLOR_VARIANTS[@]}"; do - for trans in "${_TRANS_VARIANTS[@]}"; do - for theme in "${_THEME_VARIANTS[@]}"; do - sassc $SASSC_OPT src/main/gtk-3.0/gtk${color}${trans}${theme}.{scss,css} - echo "==> Generating the gtk${color}${trans}${theme}.css..." - sassc $SASSC_OPT src/main/cinnamon/cinnamon${color}${trans}${theme}.{scss,css} - echo "==> Generating the cinnamon${color}${trans}${theme}.css..." - done - done -done - -for color in "${_COLOR_VARIANTS[@]}"; do - for trans in "${_TRANS_VARIANTS[@]}"; do - for alt in "${_ALT_VARIANTS[@]}"; do - for theme in "${_THEME_VARIANTS[@]}"; do - sassc $SASSC_OPT src/main/gnome-shell/gnome-shell${color}${trans}${alt}${theme}.{scss,css} - echo "==> Generating the gnome-shell${color}${trans}${alt}${theme}.css..." - done - done - done -done - -for color in "${_COLOR_VARIANTS[@]}"; do - for theme in "${_THEME_VARIANTS[@]}"; do - sassc $SASSC_OPT src/main/gnome-shell/gdm3${color}${theme}.{scss,css} - echo "==> Generating the gdm3${color}${theme}.css..." - done -done - -sassc $SASSC_OPT src/other/dash-to-dock/stylesheet.{scss,css} -echo "==> Generating dash-to-dock stylesheet.css..." -sassc $SASSC_OPT src/other/dash-to-dock/stylesheet-dark.{scss,css} -echo "==> Generating dash-to-dock stylesheet-dark.css..." diff --git a/src/assets/gnome-shell/activities-black/activities-normal.svg b/src/assets/gnome-shell/activities-black/activities-simple.svg similarity index 100% rename from src/assets/gnome-shell/activities-black/activities-normal.svg rename to src/assets/gnome-shell/activities-black/activities-simple.svg diff --git a/src/assets/gnome-shell/activities/activities-normal.svg b/src/assets/gnome-shell/activities/activities-simple.svg similarity index 100% rename from src/assets/gnome-shell/activities/activities-normal.svg rename to src/assets/gnome-shell/activities/activities-simple.svg diff --git a/src/assets/gnome-shell/common-assets/background-blank.png b/src/assets/gnome-shell/common-assets/background-blank.png new file mode 100644 index 00000000..3bce05a7 Binary files /dev/null and b/src/assets/gnome-shell/common-assets/background-blank.png differ diff --git a/src/assets/gnome-shell/common-assets/background-default.png b/src/assets/gnome-shell/common-assets/background-default.png new file mode 100644 index 00000000..1479337e Binary files /dev/null and b/src/assets/gnome-shell/common-assets/background-default.png differ diff --git a/src/assets/gnome-shell/common-assets/background.jpg b/src/assets/gnome-shell/common-assets/background.jpg deleted file mode 100644 index 24bd1e86..00000000 Binary files a/src/assets/gnome-shell/common-assets/background.jpg and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/render-sidebar-assets.sh b/src/assets/gtk-3.0/common-assets/render-sidebar-assets.sh deleted file mode 100755 index 307abcc8..00000000 --- a/src/assets/gtk-3.0/common-assets/render-sidebar-assets.sh +++ /dev/null @@ -1,37 +0,0 @@ -#! /bin/bash - -INKSCAPE="/usr/bin/inkscape" -OPTIPNG="/usr/bin/optipng" - -SRC_FILE="sidebar-assets.svg" -ASSETS_DIR="sidebar-assets" -INDEX="sidebar-assets.txt" - -[[ -d $ASSETS_DIR ]] && rm -rf $ASSETS_DIR -mkdir -p $ASSETS_DIR - -for i in `cat $INDEX` -do -if [ -f $ASSETS_DIR/$i.png ]; then - echo $ASSETS_DIR/$i.png exists. -else - echo - echo Rendering $ASSETS_DIR/$i.png - $INKSCAPE --export-id=$i \ - --export-id-only \ - --export-filename=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null - $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png -fi -if [ -f $ASSETS_DIR/$i@2.png ]; then - echo $ASSETS_DIR/$i@2.png exists. -else - echo - echo Rendering $ASSETS_DIR/$i@2.png - $INKSCAPE --export-id=$i \ - --export-dpi=192 \ - --export-id-only \ - --export-filename=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null - $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png -fi -done -exit 0 diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets.svg b/src/assets/gtk-3.0/common-assets/sidebar-assets.svg deleted file mode 100644 index ff4e4f7e..00000000 --- a/src/assets/gtk-3.0/common-assets/sidebar-assets.svg +++ /dev/null @@ -1,123 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets.txt b/src/assets/gtk-3.0/common-assets/sidebar-assets.txt deleted file mode 100644 index 328650d8..00000000 --- a/src/assets/gtk-3.0/common-assets/sidebar-assets.txt +++ /dev/null @@ -1,30 +0,0 @@ -sidebar-view-hover-200px -sidebar-view-active-200px -sidebar-view-checked-200px -sidebar-view-hover-200px-dark -sidebar-view-active-200px-dark -sidebar-view-checked-200px-dark -sidebar-view-hover-220px -sidebar-view-active-220px -sidebar-view-checked-220px -sidebar-view-hover-220px-dark -sidebar-view-active-220px-dark -sidebar-view-checked-220px-dark -sidebar-view-hover-240px -sidebar-view-active-240px -sidebar-view-checked-240px -sidebar-view-hover-240px-dark -sidebar-view-active-240px-dark -sidebar-view-checked-240px-dark -sidebar-view-hover-260px -sidebar-view-active-260px -sidebar-view-checked-260px -sidebar-view-hover-260px-dark -sidebar-view-active-260px-dark -sidebar-view-checked-260px-dark -sidebar-view-hover-280px -sidebar-view-active-280px -sidebar-view-checked-280px -sidebar-view-hover-280px-dark -sidebar-view-active-280px-dark -sidebar-view-checked-280px-dark diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-200px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-200px-dark.png deleted file mode 100644 index edd52d97..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-200px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-200px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-200px-dark@2.png deleted file mode 100644 index 5796ca80..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-200px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-200px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-200px.png deleted file mode 100644 index c20283d0..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-200px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-200px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-200px@2.png deleted file mode 100644 index fbb51ac1..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-200px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px-dark.png deleted file mode 100644 index 341820ac..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px-dark@2.png deleted file mode 100644 index bac508a1..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px.png deleted file mode 100644 index 01ee8af3..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px@2.png deleted file mode 100644 index b31366f8..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px-dark.png deleted file mode 100644 index e8a9dcde..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px-dark@2.png deleted file mode 100644 index 35ea54b0..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px.png deleted file mode 100644 index a36938a8..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px@2.png deleted file mode 100644 index ab38351d..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px-dark.png deleted file mode 100644 index d21965f9..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px-dark@2.png deleted file mode 100644 index aca4d2e8..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px.png deleted file mode 100644 index c45be2e8..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px@2.png deleted file mode 100644 index 6b8945dc..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px-dark.png deleted file mode 100644 index e13af3ae..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px-dark@2.png deleted file mode 100644 index b112e23b..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px.png deleted file mode 100644 index 91b968c5..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px@2.png deleted file mode 100644 index c15804bf..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-200px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-200px-dark.png deleted file mode 100644 index 348eae70..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-200px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-200px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-200px-dark@2.png deleted file mode 100644 index 164f44fa..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-200px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-200px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-200px.png deleted file mode 100644 index e37b3971..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-200px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-200px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-200px@2.png deleted file mode 100644 index 73e7bacf..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-200px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px-dark.png deleted file mode 100644 index 16156928..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px-dark@2.png deleted file mode 100644 index 3f7709d8..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px.png deleted file mode 100644 index 2330bfcc..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px@2.png deleted file mode 100644 index ada09087..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px-dark.png deleted file mode 100644 index 229bc611..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px-dark@2.png deleted file mode 100644 index 0ac3268b..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px.png deleted file mode 100644 index b79b643b..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px@2.png deleted file mode 100644 index 4a8833e6..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px-dark.png deleted file mode 100644 index 23411143..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px-dark@2.png deleted file mode 100644 index 5390468a..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px.png deleted file mode 100644 index a986d5ab..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px@2.png deleted file mode 100644 index b909ebe5..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px-dark.png deleted file mode 100644 index b15e5de8..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px-dark@2.png deleted file mode 100644 index 59999123..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px.png deleted file mode 100644 index b64e8ff0..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px@2.png deleted file mode 100644 index 1934cd00..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-200px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-200px-dark.png deleted file mode 100644 index ab77744a..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-200px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-200px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-200px-dark@2.png deleted file mode 100644 index abbef5db..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-200px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-200px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-200px.png deleted file mode 100644 index d4df15aa..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-200px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-200px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-200px@2.png deleted file mode 100644 index 943e7965..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-200px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px-dark.png deleted file mode 100644 index 1ab6817b..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px-dark@2.png deleted file mode 100644 index 5fc0713f..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px.png deleted file mode 100644 index 3ad3862e..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px@2.png deleted file mode 100644 index 473915ac..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px-dark.png deleted file mode 100644 index 1bfcda2c..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px-dark@2.png deleted file mode 100644 index fcaed6b1..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px.png deleted file mode 100644 index d3818a2b..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px@2.png deleted file mode 100644 index f9669011..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px-dark.png deleted file mode 100644 index c29f00e5..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px-dark@2.png deleted file mode 100644 index d133ab03..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px.png deleted file mode 100644 index ecd3bc01..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px@2.png deleted file mode 100644 index 223b6847..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px-dark.png deleted file mode 100644 index 1fd14825..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px-dark@2.png deleted file mode 100644 index e1aa51d9..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px.png deleted file mode 100644 index 4f762573..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px@2.png deleted file mode 100644 index 44f64dad..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px@2.png and /dev/null differ diff --git a/src/main/cinnamon/cinnamon-dark-blue.css b/src/main/cinnamon/cinnamon-dark-blue.css deleted file mode 100644 index 1af9e9ad..00000000 --- a/src/main/cinnamon/cinnamon-dark-blue.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #2E7CF7; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #2E7CF7; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #2E7CF7; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #dedede; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #2E7CF7; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #2E7CF7; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #2E7CF7; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(120, 170, 250, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #2E7CF7; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #2E7CF7; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #dedede; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #2E7CF7; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(0, 0, 0, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #2E7CF7; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #2E7CF7; - color: white; - border: 1px solid #2E7CF7; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #2E7CF7; - background-color: #2E7CF7; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #2E7CF7; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #2E7CF7; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #dedede; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #2E7CF7; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(222, 222, 222, 0.7); - font-weight: bold; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #242424; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(222, 222, 222, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #2E7CF7; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #2E7CF7; - border: 0px solid #2E7CF7; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #2E7CF7; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #2E7CF7; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #2E7CF7; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(222, 222, 222, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #2E7CF7; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #2E7CF7; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(0, 0, 0, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(0, 0, 0, 0.16); - border: none; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #2E7CF7; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #2E7CF7; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(255, 255, 255, 0.3); -} - -.window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, white 0%, white 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #2E7CF7; - background-gradient-end: #2E7CF7; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 6px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(222, 222, 222, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(222, 222, 222, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #2E7CF7; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(255, 255, 255, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:active { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(255, 255, 255, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #2E7CF7; - background-gradient-end: #2E7CF7; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.15); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(104, 104, 104, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #2E7CF7; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #2E7CF7; -} - -.workspace-button:hover { - color: #5f9bf9; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #2E7CF7; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(38, 38, 38, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(38, 38, 38, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(51, 51, 51, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(13, 13, 13, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding: 0 8px; - color: white; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #2E7CF7; - background-color: rgba(46, 124, 247, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-green.css b/src/main/cinnamon/cinnamon-dark-green.css deleted file mode 100644 index 33d9334b..00000000 --- a/src/main/cinnamon/cinnamon-dark-green.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #79B757; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #79B757; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #79B757; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #dedede; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #79B757; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #79B757; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #79B757; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(164, 206, 141, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #79B757; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #79B757; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #dedede; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #79B757; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(0, 0, 0, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #79B757; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #79B757; - color: white; - border: 1px solid #79B757; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #79B757; - background-color: #79B757; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #79B757; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #79B757; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #dedede; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #79B757; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(222, 222, 222, 0.7); - font-weight: bold; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #242424; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(222, 222, 222, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #79B757; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #79B757; - border: 0px solid #79B757; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #79B757; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #79B757; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #79B757; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(222, 222, 222, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #79B757; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #79B757; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(0, 0, 0, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(0, 0, 0, 0.16); - border: none; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #79B757; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #79B757; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(255, 255, 255, 0.3); -} - -.window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, white 0%, white 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #79B757; - background-gradient-end: #79B757; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 6px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(222, 222, 222, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(222, 222, 222, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #79B757; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(255, 255, 255, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:active { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(255, 255, 255, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #79B757; - background-gradient-end: #79B757; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.15); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(104, 104, 104, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #79B757; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #79B757; -} - -.workspace-button:hover { - color: #95c67b; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #79B757; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(38, 38, 38, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(38, 38, 38, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(51, 51, 51, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(13, 13, 13, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding: 0 8px; - color: white; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #79B757; - background-color: rgba(121, 183, 87, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-grey.css b/src/main/cinnamon/cinnamon-dark-grey.css deleted file mode 100644 index 2150e1f3..00000000 --- a/src/main/cinnamon/cinnamon-dark-grey.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #8C8C8C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #8C8C8C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #8C8C8C; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #dedede; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #8C8C8C; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #8C8C8C; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #8C8C8C; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(178, 178, 178, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #8C8C8C; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #8C8C8C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #dedede; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #8C8C8C; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(0, 0, 0, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #8C8C8C; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #8C8C8C; - color: white; - border: 1px solid #8C8C8C; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #8C8C8C; - background-color: #8C8C8C; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #8C8C8C; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #8C8C8C; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #dedede; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #8C8C8C; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(222, 222, 222, 0.7); - font-weight: bold; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #242424; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(222, 222, 222, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #8C8C8C; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #8C8C8C; - border: 0px solid #8C8C8C; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #8C8C8C; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #8C8C8C; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #8C8C8C; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(222, 222, 222, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #8C8C8C; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #8C8C8C; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(0, 0, 0, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(0, 0, 0, 0.16); - border: none; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #8C8C8C; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #8C8C8C; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(255, 255, 255, 0.3); -} - -.window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, white 0%, white 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #8C8C8C; - background-gradient-end: #8C8C8C; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 6px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(222, 222, 222, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(222, 222, 222, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #8C8C8C; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(255, 255, 255, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:active { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(255, 255, 255, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #8C8C8C; - background-gradient-end: #8C8C8C; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.15); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(104, 104, 104, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #8C8C8C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #8C8C8C; -} - -.workspace-button:hover { - color: #a6a6a6; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #8C8C8C; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(38, 38, 38, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(38, 38, 38, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(51, 51, 51, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(13, 13, 13, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding: 0 8px; - color: white; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #8C8C8C; - background-color: rgba(140, 140, 140, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-orange.css b/src/main/cinnamon/cinnamon-dark-orange.css deleted file mode 100644 index 02e0fd21..00000000 --- a/src/main/cinnamon/cinnamon-dark-orange.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #E9873A; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #E9873A; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #E9873A; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #dedede; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #E9873A; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #E9873A; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #E9873A; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(241, 177, 127, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #E9873A; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E9873A; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #dedede; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #E9873A; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(0, 0, 0, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #E9873A; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #E9873A; - color: white; - border: 1px solid #E9873A; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #E9873A; - background-color: #E9873A; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #E9873A; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #E9873A; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #dedede; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #E9873A; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(222, 222, 222, 0.7); - font-weight: bold; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #242424; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(222, 222, 222, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #E9873A; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #E9873A; - border: 0px solid #E9873A; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #E9873A; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #E9873A; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #E9873A; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(222, 222, 222, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #E9873A; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #E9873A; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(0, 0, 0, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(0, 0, 0, 0.16); - border: none; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #E9873A; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #E9873A; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(255, 255, 255, 0.3); -} - -.window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, white 0%, white 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E9873A; - background-gradient-end: #E9873A; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 6px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(222, 222, 222, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(222, 222, 222, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #E9873A; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(255, 255, 255, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:active { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(255, 255, 255, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E9873A; - background-gradient-end: #E9873A; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.15); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(104, 104, 104, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E9873A; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #E9873A; -} - -.workspace-button:hover { - color: #eea368; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #E9873A; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(38, 38, 38, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(38, 38, 38, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(51, 51, 51, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(13, 13, 13, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding: 0 8px; - color: white; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #E9873A; - background-color: rgba(233, 135, 58, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-pink.css b/src/main/cinnamon/cinnamon-dark-pink.css deleted file mode 100644 index 9262379d..00000000 --- a/src/main/cinnamon/cinnamon-dark-pink.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #E55E9C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #E55E9C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #E55E9C; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #dedede; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #E55E9C; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #E55E9C; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #E55E9C; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(240, 160, 197, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #E55E9C; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E55E9C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #dedede; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #E55E9C; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(0, 0, 0, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #E55E9C; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #E55E9C; - color: white; - border: 1px solid #E55E9C; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #E55E9C; - background-color: #E55E9C; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #E55E9C; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #E55E9C; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #dedede; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #E55E9C; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(222, 222, 222, 0.7); - font-weight: bold; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #242424; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(222, 222, 222, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #E55E9C; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #E55E9C; - border: 0px solid #E55E9C; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #E55E9C; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #E55E9C; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #E55E9C; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(222, 222, 222, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #E55E9C; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #E55E9C; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(0, 0, 0, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(0, 0, 0, 0.16); - border: none; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #E55E9C; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #E55E9C; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(255, 255, 255, 0.3); -} - -.window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, white 0%, white 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E55E9C; - background-gradient-end: #E55E9C; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 6px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(222, 222, 222, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(222, 222, 222, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #E55E9C; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(255, 255, 255, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:active { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(255, 255, 255, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E55E9C; - background-gradient-end: #E55E9C; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.15); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(104, 104, 104, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E55E9C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #E55E9C; -} - -.workspace-button:hover { - color: #ec8ab7; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #E55E9C; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(38, 38, 38, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(38, 38, 38, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(51, 51, 51, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(13, 13, 13, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding: 0 8px; - color: white; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #E55E9C; - background-color: rgba(229, 94, 156, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-purple.css b/src/main/cinnamon/cinnamon-dark-purple.css deleted file mode 100644 index 0442fc7a..00000000 --- a/src/main/cinnamon/cinnamon-dark-purple.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #9A57A3; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #9A57A3; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #9A57A3; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #dedede; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #9A57A3; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #9A57A3; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #9A57A3; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(185, 135, 191, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #9A57A3; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #9A57A3; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #dedede; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #9A57A3; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(0, 0, 0, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #9A57A3; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #9A57A3; - color: white; - border: 1px solid #9A57A3; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #9A57A3; - background-color: #9A57A3; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #9A57A3; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #9A57A3; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #dedede; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #9A57A3; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(222, 222, 222, 0.7); - font-weight: bold; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #242424; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(222, 222, 222, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #9A57A3; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #9A57A3; - border: 0px solid #9A57A3; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #9A57A3; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #9A57A3; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #9A57A3; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(222, 222, 222, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #9A57A3; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #9A57A3; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(0, 0, 0, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(0, 0, 0, 0.16); - border: none; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #9A57A3; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #9A57A3; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(255, 255, 255, 0.3); -} - -.window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, white 0%, white 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #9A57A3; - background-gradient-end: #9A57A3; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 6px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(222, 222, 222, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(222, 222, 222, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #9A57A3; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(255, 255, 255, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:active { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(255, 255, 255, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #9A57A3; - background-gradient-end: #9A57A3; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.15); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(104, 104, 104, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #9A57A3; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #9A57A3; -} - -.workspace-button:hover { - color: #af77b6; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #9A57A3; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(38, 38, 38, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(38, 38, 38, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(51, 51, 51, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(13, 13, 13, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding: 0 8px; - color: white; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #9A57A3; - background-color: rgba(154, 87, 163, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-red.css b/src/main/cinnamon/cinnamon-dark-red.css deleted file mode 100644 index b5a7925c..00000000 --- a/src/main/cinnamon/cinnamon-dark-red.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #ED5F5D; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #ED5F5D; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #ED5F5D; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #dedede; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #ED5F5D; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #ED5F5D; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #ED5F5D; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(245, 163, 162, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #ED5F5D; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #ED5F5D; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #dedede; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #ED5F5D; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(0, 0, 0, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #ED5F5D; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #ED5F5D; - color: white; - border: 1px solid #ED5F5D; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #ED5F5D; - background-color: #ED5F5D; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #ED5F5D; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #ED5F5D; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #dedede; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #ED5F5D; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(222, 222, 222, 0.7); - font-weight: bold; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #242424; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(222, 222, 222, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #ED5F5D; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #ED5F5D; - border: 0px solid #ED5F5D; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #ED5F5D; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #ED5F5D; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #ED5F5D; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(222, 222, 222, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #ED5F5D; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #ED5F5D; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(0, 0, 0, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(0, 0, 0, 0.16); - border: none; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #ED5F5D; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #ED5F5D; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(255, 255, 255, 0.3); -} - -.window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, white 0%, white 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #ED5F5D; - background-gradient-end: #ED5F5D; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 6px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(222, 222, 222, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(222, 222, 222, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #ED5F5D; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(255, 255, 255, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:active { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(255, 255, 255, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #ED5F5D; - background-gradient-end: #ED5F5D; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.15); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(104, 104, 104, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #ED5F5D; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #ED5F5D; -} - -.workspace-button:hover { - color: #f28c8b; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #ED5F5D; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(38, 38, 38, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(38, 38, 38, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(51, 51, 51, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(13, 13, 13, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding: 0 8px; - color: white; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #ED5F5D; - background-color: rgba(237, 95, 93, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-solid-blue.css b/src/main/cinnamon/cinnamon-dark-solid-blue.css deleted file mode 100644 index 5c73701d..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid-blue.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #2E7CF7; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #2E7CF7; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #2E7CF7; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #dedede; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #2E7CF7; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #2E7CF7; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #2E7CF7; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(120, 170, 250, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #2E7CF7; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #2E7CF7; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #dedede; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #2E7CF7; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #dadada; - font-size: 1em; - padding: 0px; - background-color: #2a2a2a; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #2E7CF7; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #dadada; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #dadada; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #2E7CF7; - color: white; - border: 1px solid #2E7CF7; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #2E7CF7; - background-color: #2E7CF7; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #2E7CF7; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #2E7CF7; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #dedede; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #2E7CF7; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(222, 222, 222, 0.7); - font-weight: bold; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #242424; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(222, 222, 222, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #2E7CF7; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #2E7CF7; - border: 0px solid #2E7CF7; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #2E7CF7; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #2E7CF7; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #2E7CF7; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(222, 222, 222, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #2E7CF7; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #2E7CF7; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #dadada; - background-color: #2a2a2a; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #dadada; - border-radius: 0; - background-color: #2a2a2a; - border: none; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #2E7CF7; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #2E7CF7; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(218, 218, 218, 0.3); -} - -.window-list-item-box:focus { - color: #dadada; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, #dadada 0%, #dadada 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #2E7CF7; - background-gradient-end: #2E7CF7; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 6px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(222, 222, 222, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(222, 222, 222, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #2E7CF7; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(218, 218, 218, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.15); -} - -.grouped-window-list-item-box:active { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(218, 218, 218, 0.15); -} - -.grouped-window-list-item-box:focus { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(218, 218, 218, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #2E7CF7; - background-gradient-end: #2E7CF7; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.15); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(104, 104, 104, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #2E7CF7; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #dadada; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #2E7CF7; -} - -.workspace-button:hover { - color: #5f9bf9; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #2E7CF7; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: #505050; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #505050; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: #5d5d5d; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #373737; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(218, 218, 218, 0.12); -} - -.applet-box { - padding: 0 8px; - color: #dadada; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #dadada; -} - -.applet-box:checked .applet-label { - color: #dadada; - text-shadow: none; -} - -.applet-icon { - color: #dadada; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: #dadada; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #2E7CF7; - background-color: rgba(46, 124, 247, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-solid-green.css b/src/main/cinnamon/cinnamon-dark-solid-green.css deleted file mode 100644 index 4e9856cd..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid-green.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #79B757; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #79B757; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #79B757; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #dedede; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #79B757; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #79B757; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #79B757; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(164, 206, 141, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #79B757; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #79B757; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #dedede; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #79B757; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #dadada; - font-size: 1em; - padding: 0px; - background-color: #2a2a2a; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #79B757; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #dadada; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #dadada; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #79B757; - color: white; - border: 1px solid #79B757; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #79B757; - background-color: #79B757; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #79B757; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #79B757; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #dedede; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #79B757; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(222, 222, 222, 0.7); - font-weight: bold; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #242424; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(222, 222, 222, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #79B757; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #79B757; - border: 0px solid #79B757; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #79B757; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #79B757; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #79B757; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(222, 222, 222, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #79B757; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #79B757; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #dadada; - background-color: #2a2a2a; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #dadada; - border-radius: 0; - background-color: #2a2a2a; - border: none; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #79B757; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #79B757; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(218, 218, 218, 0.3); -} - -.window-list-item-box:focus { - color: #dadada; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, #dadada 0%, #dadada 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #79B757; - background-gradient-end: #79B757; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 6px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(222, 222, 222, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(222, 222, 222, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #79B757; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(218, 218, 218, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.15); -} - -.grouped-window-list-item-box:active { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(218, 218, 218, 0.15); -} - -.grouped-window-list-item-box:focus { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(218, 218, 218, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #79B757; - background-gradient-end: #79B757; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.15); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(104, 104, 104, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #79B757; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #dadada; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #79B757; -} - -.workspace-button:hover { - color: #95c67b; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #79B757; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: #505050; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #505050; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: #5d5d5d; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #373737; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(218, 218, 218, 0.12); -} - -.applet-box { - padding: 0 8px; - color: #dadada; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #dadada; -} - -.applet-box:checked .applet-label { - color: #dadada; - text-shadow: none; -} - -.applet-icon { - color: #dadada; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: #dadada; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #79B757; - background-color: rgba(121, 183, 87, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-solid-grey.css b/src/main/cinnamon/cinnamon-dark-solid-grey.css deleted file mode 100644 index 4255d2e5..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid-grey.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #8C8C8C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #8C8C8C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #8C8C8C; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #dedede; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #8C8C8C; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #8C8C8C; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #8C8C8C; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(178, 178, 178, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #8C8C8C; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #8C8C8C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #dedede; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #8C8C8C; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #dadada; - font-size: 1em; - padding: 0px; - background-color: #2a2a2a; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #8C8C8C; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #dadada; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #dadada; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #8C8C8C; - color: white; - border: 1px solid #8C8C8C; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #8C8C8C; - background-color: #8C8C8C; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #8C8C8C; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #8C8C8C; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #dedede; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #8C8C8C; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(222, 222, 222, 0.7); - font-weight: bold; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #242424; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(222, 222, 222, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #8C8C8C; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #8C8C8C; - border: 0px solid #8C8C8C; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #8C8C8C; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #8C8C8C; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #8C8C8C; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(222, 222, 222, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #8C8C8C; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #8C8C8C; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #dadada; - background-color: #2a2a2a; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #dadada; - border-radius: 0; - background-color: #2a2a2a; - border: none; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #8C8C8C; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #8C8C8C; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(218, 218, 218, 0.3); -} - -.window-list-item-box:focus { - color: #dadada; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, #dadada 0%, #dadada 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #8C8C8C; - background-gradient-end: #8C8C8C; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 6px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(222, 222, 222, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(222, 222, 222, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #8C8C8C; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(218, 218, 218, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.15); -} - -.grouped-window-list-item-box:active { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(218, 218, 218, 0.15); -} - -.grouped-window-list-item-box:focus { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(218, 218, 218, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #8C8C8C; - background-gradient-end: #8C8C8C; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.15); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(104, 104, 104, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #8C8C8C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #dadada; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #8C8C8C; -} - -.workspace-button:hover { - color: #a6a6a6; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #8C8C8C; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: #505050; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #505050; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: #5d5d5d; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #373737; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(218, 218, 218, 0.12); -} - -.applet-box { - padding: 0 8px; - color: #dadada; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #dadada; -} - -.applet-box:checked .applet-label { - color: #dadada; - text-shadow: none; -} - -.applet-icon { - color: #dadada; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: #dadada; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #8C8C8C; - background-color: rgba(140, 140, 140, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-solid-orange.css b/src/main/cinnamon/cinnamon-dark-solid-orange.css deleted file mode 100644 index ccb2d9b6..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid-orange.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #E9873A; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #E9873A; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #E9873A; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #dedede; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #E9873A; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #E9873A; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #E9873A; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(241, 177, 127, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #E9873A; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E9873A; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #dedede; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #E9873A; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #dadada; - font-size: 1em; - padding: 0px; - background-color: #2a2a2a; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #E9873A; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #dadada; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #dadada; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #E9873A; - color: white; - border: 1px solid #E9873A; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #E9873A; - background-color: #E9873A; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #E9873A; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #E9873A; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #dedede; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #E9873A; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(222, 222, 222, 0.7); - font-weight: bold; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #242424; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(222, 222, 222, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #E9873A; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #E9873A; - border: 0px solid #E9873A; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #E9873A; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #E9873A; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #E9873A; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(222, 222, 222, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #E9873A; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #E9873A; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #dadada; - background-color: #2a2a2a; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #dadada; - border-radius: 0; - background-color: #2a2a2a; - border: none; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #E9873A; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #E9873A; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(218, 218, 218, 0.3); -} - -.window-list-item-box:focus { - color: #dadada; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, #dadada 0%, #dadada 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E9873A; - background-gradient-end: #E9873A; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 6px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(222, 222, 222, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(222, 222, 222, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #E9873A; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(218, 218, 218, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.15); -} - -.grouped-window-list-item-box:active { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(218, 218, 218, 0.15); -} - -.grouped-window-list-item-box:focus { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(218, 218, 218, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E9873A; - background-gradient-end: #E9873A; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.15); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(104, 104, 104, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E9873A; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #dadada; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #E9873A; -} - -.workspace-button:hover { - color: #eea368; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #E9873A; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: #505050; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #505050; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: #5d5d5d; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #373737; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(218, 218, 218, 0.12); -} - -.applet-box { - padding: 0 8px; - color: #dadada; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #dadada; -} - -.applet-box:checked .applet-label { - color: #dadada; - text-shadow: none; -} - -.applet-icon { - color: #dadada; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: #dadada; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #E9873A; - background-color: rgba(233, 135, 58, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-solid-pink.css b/src/main/cinnamon/cinnamon-dark-solid-pink.css deleted file mode 100644 index ee498ef6..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid-pink.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #E55E9C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #E55E9C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #E55E9C; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #dedede; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #E55E9C; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #E55E9C; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #E55E9C; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(240, 160, 197, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #E55E9C; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E55E9C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #dedede; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #E55E9C; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #dadada; - font-size: 1em; - padding: 0px; - background-color: #2a2a2a; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #E55E9C; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #dadada; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #dadada; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #E55E9C; - color: white; - border: 1px solid #E55E9C; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #E55E9C; - background-color: #E55E9C; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #E55E9C; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #E55E9C; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #dedede; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #E55E9C; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(222, 222, 222, 0.7); - font-weight: bold; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #242424; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(222, 222, 222, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #E55E9C; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #E55E9C; - border: 0px solid #E55E9C; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #E55E9C; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #E55E9C; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #E55E9C; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(222, 222, 222, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #E55E9C; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #E55E9C; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #dadada; - background-color: #2a2a2a; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #dadada; - border-radius: 0; - background-color: #2a2a2a; - border: none; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #E55E9C; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #E55E9C; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(218, 218, 218, 0.3); -} - -.window-list-item-box:focus { - color: #dadada; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, #dadada 0%, #dadada 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E55E9C; - background-gradient-end: #E55E9C; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 6px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(222, 222, 222, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(222, 222, 222, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #E55E9C; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(218, 218, 218, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.15); -} - -.grouped-window-list-item-box:active { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(218, 218, 218, 0.15); -} - -.grouped-window-list-item-box:focus { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(218, 218, 218, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E55E9C; - background-gradient-end: #E55E9C; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.15); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(104, 104, 104, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E55E9C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #dadada; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #E55E9C; -} - -.workspace-button:hover { - color: #ec8ab7; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #E55E9C; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: #505050; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #505050; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: #5d5d5d; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #373737; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(218, 218, 218, 0.12); -} - -.applet-box { - padding: 0 8px; - color: #dadada; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #dadada; -} - -.applet-box:checked .applet-label { - color: #dadada; - text-shadow: none; -} - -.applet-icon { - color: #dadada; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: #dadada; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #E55E9C; - background-color: rgba(229, 94, 156, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-solid-purple.css b/src/main/cinnamon/cinnamon-dark-solid-purple.css deleted file mode 100644 index 47a69d2a..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid-purple.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #9A57A3; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #9A57A3; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #9A57A3; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #dedede; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #9A57A3; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #9A57A3; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #9A57A3; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(185, 135, 191, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #9A57A3; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #9A57A3; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #dedede; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #9A57A3; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #dadada; - font-size: 1em; - padding: 0px; - background-color: #2a2a2a; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #9A57A3; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #dadada; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #dadada; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #9A57A3; - color: white; - border: 1px solid #9A57A3; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #9A57A3; - background-color: #9A57A3; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #9A57A3; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #9A57A3; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #dedede; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #9A57A3; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(222, 222, 222, 0.7); - font-weight: bold; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #242424; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(222, 222, 222, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #9A57A3; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #9A57A3; - border: 0px solid #9A57A3; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #9A57A3; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #9A57A3; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #9A57A3; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(222, 222, 222, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #9A57A3; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #9A57A3; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #dadada; - background-color: #2a2a2a; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #dadada; - border-radius: 0; - background-color: #2a2a2a; - border: none; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #9A57A3; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #9A57A3; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(218, 218, 218, 0.3); -} - -.window-list-item-box:focus { - color: #dadada; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, #dadada 0%, #dadada 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #9A57A3; - background-gradient-end: #9A57A3; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 6px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(222, 222, 222, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(222, 222, 222, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #9A57A3; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(218, 218, 218, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.15); -} - -.grouped-window-list-item-box:active { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(218, 218, 218, 0.15); -} - -.grouped-window-list-item-box:focus { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(218, 218, 218, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #9A57A3; - background-gradient-end: #9A57A3; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.15); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(104, 104, 104, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #9A57A3; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #dadada; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #9A57A3; -} - -.workspace-button:hover { - color: #af77b6; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #9A57A3; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: #505050; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #505050; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: #5d5d5d; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #373737; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(218, 218, 218, 0.12); -} - -.applet-box { - padding: 0 8px; - color: #dadada; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #dadada; -} - -.applet-box:checked .applet-label { - color: #dadada; - text-shadow: none; -} - -.applet-icon { - color: #dadada; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: #dadada; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #9A57A3; - background-color: rgba(154, 87, 163, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-solid-red.css b/src/main/cinnamon/cinnamon-dark-solid-red.css deleted file mode 100644 index 32b5980d..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid-red.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #ED5F5D; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #ED5F5D; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #ED5F5D; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #dedede; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #ED5F5D; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #ED5F5D; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #ED5F5D; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(245, 163, 162, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #ED5F5D; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #ED5F5D; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #dedede; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #ED5F5D; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #dadada; - font-size: 1em; - padding: 0px; - background-color: #2a2a2a; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #ED5F5D; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #dadada; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #dadada; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #ED5F5D; - color: white; - border: 1px solid #ED5F5D; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #ED5F5D; - background-color: #ED5F5D; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #ED5F5D; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #ED5F5D; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #dedede; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #ED5F5D; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(222, 222, 222, 0.7); - font-weight: bold; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #242424; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(222, 222, 222, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #ED5F5D; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #ED5F5D; - border: 0px solid #ED5F5D; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #ED5F5D; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #ED5F5D; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #ED5F5D; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(222, 222, 222, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #ED5F5D; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #ED5F5D; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #dadada; - background-color: #2a2a2a; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #dadada; - border-radius: 0; - background-color: #2a2a2a; - border: none; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #ED5F5D; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #ED5F5D; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(218, 218, 218, 0.3); -} - -.window-list-item-box:focus { - color: #dadada; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, #dadada 0%, #dadada 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #ED5F5D; - background-gradient-end: #ED5F5D; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 6px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(222, 222, 222, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(222, 222, 222, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #ED5F5D; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(218, 218, 218, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.15); -} - -.grouped-window-list-item-box:active { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(218, 218, 218, 0.15); -} - -.grouped-window-list-item-box:focus { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(218, 218, 218, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #ED5F5D; - background-gradient-end: #ED5F5D; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.15); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(104, 104, 104, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #ED5F5D; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #dadada; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #ED5F5D; -} - -.workspace-button:hover { - color: #f28c8b; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #ED5F5D; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: #505050; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #505050; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: #5d5d5d; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #373737; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(218, 218, 218, 0.12); -} - -.applet-box { - padding: 0 8px; - color: #dadada; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #dadada; -} - -.applet-box:checked .applet-label { - color: #dadada; - text-shadow: none; -} - -.applet-icon { - color: #dadada; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: #dadada; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #ED5F5D; - background-color: rgba(237, 95, 93, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-solid-yellow.css b/src/main/cinnamon/cinnamon-dark-solid-yellow.css deleted file mode 100644 index 1a4c2859..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid-yellow.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #F3BA4B; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #F3BA4B; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #F3BA4B; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #dedede; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #F3BA4B; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #F3BA4B; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #F3BA4B; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(248, 213, 147, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #F3BA4B; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #F3BA4B; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #dedede; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #F3BA4B; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #dadada; - font-size: 1em; - padding: 0px; - background-color: #2a2a2a; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #F3BA4B; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #dadada; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #dadada; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #F3BA4B; - color: white; - border: 1px solid #F3BA4B; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #F3BA4B; - background-color: #F3BA4B; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #F3BA4B; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #F3BA4B; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #dedede; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #F3BA4B; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(222, 222, 222, 0.7); - font-weight: bold; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #242424; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(222, 222, 222, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #F3BA4B; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #F3BA4B; - border: 0px solid #F3BA4B; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #F3BA4B; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #F3BA4B; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #F3BA4B; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(222, 222, 222, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #F3BA4B; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #F3BA4B; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #dadada; - background-color: #2a2a2a; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #dadada; - border-radius: 0; - background-color: #2a2a2a; - border: none; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #F3BA4B; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #F3BA4B; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(218, 218, 218, 0.3); -} - -.window-list-item-box:focus { - color: #dadada; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, #dadada 0%, #dadada 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #F3BA4B; - background-gradient-end: #F3BA4B; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 6px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(222, 222, 222, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(222, 222, 222, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #F3BA4B; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(218, 218, 218, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.15); -} - -.grouped-window-list-item-box:active { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(218, 218, 218, 0.15); -} - -.grouped-window-list-item-box:focus { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(218, 218, 218, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #F3BA4B; - background-gradient-end: #F3BA4B; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.15); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(104, 104, 104, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #F3BA4B; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #dadada; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #F3BA4B; -} - -.workspace-button:hover { - color: #f6cc7b; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #F3BA4B; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: #505050; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #505050; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: #5d5d5d; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #373737; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(218, 218, 218, 0.12); -} - -.applet-box { - padding: 0 8px; - color: #dadada; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #dadada; -} - -.applet-box:checked .applet-label { - color: #dadada; - text-shadow: none; -} - -.applet-icon { - color: #dadada; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: #dadada; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #F3BA4B; - background-color: rgba(243, 186, 75, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-solid.css b/src/main/cinnamon/cinnamon-dark-solid.css deleted file mode 100644 index 42cbe856..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #0860F2; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #0860F2; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #0860F2; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #dedede; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #0860F2; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #0860F2; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #0860F2; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(77, 142, 249, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #0860F2; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #0860F2; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #dedede; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #0860F2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #dadada; - font-size: 1em; - padding: 0px; - background-color: #2a2a2a; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #0860F2; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #dadada; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #dadada; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #0860F2; - color: white; - border: 1px solid #0860F2; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #0860F2; - background-color: #0860F2; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #0860F2; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #0860F2; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #dedede; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #0860F2; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(222, 222, 222, 0.7); - font-weight: bold; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #242424; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(222, 222, 222, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #0860F2; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #0860F2; - border: 0px solid #0860F2; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #0860F2; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #0860F2; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #0860F2; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(222, 222, 222, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #0860F2; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #0860F2; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #dadada; - background-color: #2a2a2a; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #dadada; - border-radius: 0; - background-color: #2a2a2a; - border: none; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #0860F2; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #0860F2; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(218, 218, 218, 0.3); -} - -.window-list-item-box:focus { - color: #dadada; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, #dadada 0%, #dadada 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #0860F2; - background-gradient-end: #0860F2; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 6px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(222, 222, 222, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(222, 222, 222, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #0860F2; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(218, 218, 218, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.15); -} - -.grouped-window-list-item-box:active { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(218, 218, 218, 0.15); -} - -.grouped-window-list-item-box:focus { - color: #dadada; - background-gradient-direction: none; - background-color: rgba(218, 218, 218, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(218, 218, 218, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #0860F2; - background-gradient-end: #0860F2; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.15); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(104, 104, 104, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #0860F2; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #dadada; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #0860F2; -} - -.workspace-button:hover { - color: #357ef8; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #0860F2; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: #505050; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #505050; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: #5d5d5d; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #373737; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(218, 218, 218, 0.12); -} - -.applet-box { - padding: 0 8px; - color: #dadada; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #dadada; -} - -.applet-box:checked .applet-label { - color: #dadada; - text-shadow: none; -} - -.applet-icon { - color: #dadada; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: #dadada; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #0860F2; - background-color: rgba(8, 96, 242, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-yellow.css b/src/main/cinnamon/cinnamon-dark-yellow.css deleted file mode 100644 index 3eecb24c..00000000 --- a/src/main/cinnamon/cinnamon-dark-yellow.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #F3BA4B; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #F3BA4B; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #F3BA4B; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #dedede; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #F3BA4B; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #F3BA4B; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #F3BA4B; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(248, 213, 147, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #F3BA4B; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #F3BA4B; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #dedede; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #F3BA4B; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(0, 0, 0, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #F3BA4B; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #F3BA4B; - color: white; - border: 1px solid #F3BA4B; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #F3BA4B; - background-color: #F3BA4B; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #F3BA4B; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #F3BA4B; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #dedede; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #F3BA4B; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(222, 222, 222, 0.7); - font-weight: bold; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #242424; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(222, 222, 222, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #F3BA4B; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #F3BA4B; - border: 0px solid #F3BA4B; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #F3BA4B; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #F3BA4B; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #F3BA4B; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(222, 222, 222, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #F3BA4B; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #F3BA4B; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(0, 0, 0, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(0, 0, 0, 0.16); - border: none; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #F3BA4B; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #F3BA4B; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(255, 255, 255, 0.3); -} - -.window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, white 0%, white 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #F3BA4B; - background-gradient-end: #F3BA4B; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 6px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(222, 222, 222, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(222, 222, 222, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #F3BA4B; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(255, 255, 255, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:active { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(255, 255, 255, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #F3BA4B; - background-gradient-end: #F3BA4B; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.15); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(104, 104, 104, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #F3BA4B; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #F3BA4B; -} - -.workspace-button:hover { - color: #f6cc7b; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #F3BA4B; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(38, 38, 38, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(38, 38, 38, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(51, 51, 51, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(13, 13, 13, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding: 0 8px; - color: white; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #F3BA4B; - background-color: rgba(243, 186, 75, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark.css b/src/main/cinnamon/cinnamon-dark.css deleted file mode 100644 index 4f980fe0..00000000 --- a/src/main/cinnamon/cinnamon-dark.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #0860F2; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #0860F2; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #0860F2; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #dedede; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #0860F2; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #0860F2; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #0860F2; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(77, 142, 249, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #0860F2; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #0860F2; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #dedede; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #0860F2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(0, 0, 0, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #0860F2; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #0860F2; - color: white; - border: 1px solid #0860F2; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #0860F2; - background-color: #0860F2; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #0860F2; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #0860F2; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #dedede; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #0860F2; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(222, 222, 222, 0.7); - font-weight: bold; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #242424; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(222, 222, 222, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #0860F2; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #0860F2; - border: 0px solid #0860F2; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #0860F2; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #0860F2; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #0860F2; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(222, 222, 222, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(222, 222, 222, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #0860F2; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #0860F2; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(0, 0, 0, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(0, 0, 0, 0.16); - border: none; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #0860F2; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #0860F2; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(255, 255, 255, 0.3); -} - -.window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, white 0%, white 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #0860F2; - background-gradient-end: #0860F2; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 6px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(222, 222, 222, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(222, 222, 222, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #0860F2; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(255, 255, 255, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:active { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(255, 255, 255, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #0860F2; - background-gradient-end: #0860F2; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.15); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(104, 104, 104, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #0860F2; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #0860F2; -} - -.workspace-button:hover { - color: #357ef8; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #0860F2; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(38, 38, 38, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(38, 38, 38, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(51, 51, 51, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(13, 13, 13, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(222, 222, 222, 0.1); -} - -.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding: 0 8px; - color: white; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #0860F2; - background-color: rgba(8, 96, 242, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-blue.css b/src/main/cinnamon/cinnamon-light-blue.css deleted file mode 100644 index e8f4b428..00000000 --- a/src/main/cinnamon/cinnamon-light-blue.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #2E7CF7; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #2E7CF7; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #2E7CF7; - border: 1px solid #487afa; - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #242424; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #2E7CF7; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #2E7CF7; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #2E7CF7; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(120, 170, 250, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #2E7CF7; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #2E7CF7; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #242424; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #2E7CF7; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(255, 255, 255, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #2E7CF7; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #2E7CF7; - color: white; - border: 1px solid #2E7CF7; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #2E7CF7; - background-color: #2E7CF7; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #2E7CF7; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #2E7CF7; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #242424; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #2E7CF7; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(36, 36, 36, 0.7); - font-weight: bold; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #ffffff; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(36, 36, 36, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #363636; - background-color: rgba(255, 255, 255, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #2E7CF7; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #2E7CF7; - border: 0px solid #2E7CF7; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #2E7CF7; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #2E7CF7; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #2E7CF7; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(36, 36, 36, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #2E7CF7; - border: 1px solid #487afa; - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #2E7CF7; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(255, 255, 255, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.16); - border: none; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #2E7CF7; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #2E7CF7; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(255, 255, 255, 0.3); -} - -.window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, white 0%, white 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #2E7CF7; - background-gradient-end: #2E7CF7; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 6px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(36, 36, 36, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(36, 36, 36, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(0, 0, 0, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #2E7CF7; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(255, 255, 255, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:active { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(255, 255, 255, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #2E7CF7; - background-gradient-end: #2E7CF7; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.75); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(69, 69, 69, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #2E7CF7; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #2E7CF7; -} - -.workspace-button:hover { - color: #5f9bf9; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #2E7CF7; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding: 0 8px; - color: white; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #2E7CF7; - background-color: rgba(46, 124, 247, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-green.css b/src/main/cinnamon/cinnamon-light-green.css deleted file mode 100644 index a23b71f2..00000000 --- a/src/main/cinnamon/cinnamon-light-green.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #79B757; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #79B757; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #79B757; - border: 1px solid #487afa; - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #242424; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #79B757; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #79B757; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #79B757; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(164, 206, 141, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #79B757; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #79B757; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #242424; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #79B757; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(255, 255, 255, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #79B757; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #79B757; - color: white; - border: 1px solid #79B757; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #79B757; - background-color: #79B757; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #79B757; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #79B757; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #242424; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #79B757; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(36, 36, 36, 0.7); - font-weight: bold; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #ffffff; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(36, 36, 36, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #363636; - background-color: rgba(255, 255, 255, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #79B757; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #79B757; - border: 0px solid #79B757; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #79B757; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #79B757; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #79B757; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(36, 36, 36, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #79B757; - border: 1px solid #487afa; - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #79B757; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(255, 255, 255, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.16); - border: none; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #79B757; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #79B757; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(255, 255, 255, 0.3); -} - -.window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, white 0%, white 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #79B757; - background-gradient-end: #79B757; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 6px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(36, 36, 36, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(36, 36, 36, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(0, 0, 0, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #79B757; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(255, 255, 255, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:active { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(255, 255, 255, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #79B757; - background-gradient-end: #79B757; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.75); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(69, 69, 69, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #79B757; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #79B757; -} - -.workspace-button:hover { - color: #95c67b; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #79B757; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding: 0 8px; - color: white; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #79B757; - background-color: rgba(121, 183, 87, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-grey.css b/src/main/cinnamon/cinnamon-light-grey.css deleted file mode 100644 index d28cd1e6..00000000 --- a/src/main/cinnamon/cinnamon-light-grey.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #8C8C8C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #8C8C8C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #8C8C8C; - border: 1px solid #487afa; - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #242424; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #8C8C8C; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #8C8C8C; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #8C8C8C; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(178, 178, 178, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #8C8C8C; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #8C8C8C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #242424; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #8C8C8C; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(255, 255, 255, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #8C8C8C; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #8C8C8C; - color: white; - border: 1px solid #8C8C8C; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #8C8C8C; - background-color: #8C8C8C; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #8C8C8C; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #8C8C8C; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #242424; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #8C8C8C; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(36, 36, 36, 0.7); - font-weight: bold; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #ffffff; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(36, 36, 36, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #363636; - background-color: rgba(255, 255, 255, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #8C8C8C; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #8C8C8C; - border: 0px solid #8C8C8C; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #8C8C8C; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #8C8C8C; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #8C8C8C; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(36, 36, 36, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #8C8C8C; - border: 1px solid #487afa; - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #8C8C8C; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(255, 255, 255, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.16); - border: none; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #8C8C8C; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #8C8C8C; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(255, 255, 255, 0.3); -} - -.window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, white 0%, white 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #8C8C8C; - background-gradient-end: #8C8C8C; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 6px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(36, 36, 36, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(36, 36, 36, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(0, 0, 0, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #8C8C8C; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(255, 255, 255, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:active { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(255, 255, 255, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #8C8C8C; - background-gradient-end: #8C8C8C; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.75); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(69, 69, 69, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #8C8C8C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #8C8C8C; -} - -.workspace-button:hover { - color: #a6a6a6; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #8C8C8C; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding: 0 8px; - color: white; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #8C8C8C; - background-color: rgba(140, 140, 140, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-orange.css b/src/main/cinnamon/cinnamon-light-orange.css deleted file mode 100644 index 882516c1..00000000 --- a/src/main/cinnamon/cinnamon-light-orange.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #E9873A; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #E9873A; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #E9873A; - border: 1px solid #487afa; - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #242424; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #E9873A; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #E9873A; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #E9873A; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(241, 177, 127, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #E9873A; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E9873A; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #242424; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #E9873A; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(255, 255, 255, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #E9873A; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #E9873A; - color: white; - border: 1px solid #E9873A; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #E9873A; - background-color: #E9873A; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #E9873A; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #E9873A; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #242424; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #E9873A; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(36, 36, 36, 0.7); - font-weight: bold; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #ffffff; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(36, 36, 36, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #363636; - background-color: rgba(255, 255, 255, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #E9873A; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #E9873A; - border: 0px solid #E9873A; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #E9873A; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #E9873A; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #E9873A; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(36, 36, 36, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #E9873A; - border: 1px solid #487afa; - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #E9873A; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(255, 255, 255, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.16); - border: none; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #E9873A; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #E9873A; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(255, 255, 255, 0.3); -} - -.window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, white 0%, white 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E9873A; - background-gradient-end: #E9873A; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 6px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(36, 36, 36, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(36, 36, 36, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(0, 0, 0, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #E9873A; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(255, 255, 255, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:active { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(255, 255, 255, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E9873A; - background-gradient-end: #E9873A; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.75); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(69, 69, 69, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E9873A; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #E9873A; -} - -.workspace-button:hover { - color: #eea368; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #E9873A; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding: 0 8px; - color: white; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #E9873A; - background-color: rgba(233, 135, 58, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-pink.css b/src/main/cinnamon/cinnamon-light-pink.css deleted file mode 100644 index a87aa863..00000000 --- a/src/main/cinnamon/cinnamon-light-pink.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #E55E9C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #E55E9C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #E55E9C; - border: 1px solid #487afa; - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #242424; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #E55E9C; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #E55E9C; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #E55E9C; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(240, 160, 197, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #E55E9C; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E55E9C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #242424; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #E55E9C; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(255, 255, 255, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #E55E9C; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #E55E9C; - color: white; - border: 1px solid #E55E9C; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #E55E9C; - background-color: #E55E9C; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #E55E9C; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #E55E9C; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #242424; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #E55E9C; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(36, 36, 36, 0.7); - font-weight: bold; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #ffffff; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(36, 36, 36, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #363636; - background-color: rgba(255, 255, 255, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #E55E9C; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #E55E9C; - border: 0px solid #E55E9C; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #E55E9C; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #E55E9C; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #E55E9C; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(36, 36, 36, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #E55E9C; - border: 1px solid #487afa; - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #E55E9C; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(255, 255, 255, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.16); - border: none; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #E55E9C; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #E55E9C; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(255, 255, 255, 0.3); -} - -.window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, white 0%, white 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E55E9C; - background-gradient-end: #E55E9C; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 6px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(36, 36, 36, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(36, 36, 36, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(0, 0, 0, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #E55E9C; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(255, 255, 255, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:active { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(255, 255, 255, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E55E9C; - background-gradient-end: #E55E9C; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.75); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(69, 69, 69, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E55E9C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #E55E9C; -} - -.workspace-button:hover { - color: #ec8ab7; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #E55E9C; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding: 0 8px; - color: white; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #E55E9C; - background-color: rgba(229, 94, 156, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-purple.css b/src/main/cinnamon/cinnamon-light-purple.css deleted file mode 100644 index c8d55a1c..00000000 --- a/src/main/cinnamon/cinnamon-light-purple.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #9A57A3; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #9A57A3; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #9A57A3; - border: 1px solid #487afa; - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #242424; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #9A57A3; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #9A57A3; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #9A57A3; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(185, 135, 191, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #9A57A3; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #9A57A3; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #242424; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #9A57A3; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(255, 255, 255, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #9A57A3; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #9A57A3; - color: white; - border: 1px solid #9A57A3; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #9A57A3; - background-color: #9A57A3; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #9A57A3; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #9A57A3; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #242424; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #9A57A3; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(36, 36, 36, 0.7); - font-weight: bold; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #ffffff; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(36, 36, 36, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #363636; - background-color: rgba(255, 255, 255, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #9A57A3; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #9A57A3; - border: 0px solid #9A57A3; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #9A57A3; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #9A57A3; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #9A57A3; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(36, 36, 36, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #9A57A3; - border: 1px solid #487afa; - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #9A57A3; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(255, 255, 255, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.16); - border: none; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #9A57A3; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #9A57A3; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(255, 255, 255, 0.3); -} - -.window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, white 0%, white 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #9A57A3; - background-gradient-end: #9A57A3; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 6px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(36, 36, 36, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(36, 36, 36, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(0, 0, 0, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #9A57A3; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(255, 255, 255, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:active { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(255, 255, 255, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #9A57A3; - background-gradient-end: #9A57A3; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.75); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(69, 69, 69, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #9A57A3; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #9A57A3; -} - -.workspace-button:hover { - color: #af77b6; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #9A57A3; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding: 0 8px; - color: white; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #9A57A3; - background-color: rgba(154, 87, 163, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-red.css b/src/main/cinnamon/cinnamon-light-red.css deleted file mode 100644 index 5519b943..00000000 --- a/src/main/cinnamon/cinnamon-light-red.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #ED5F5D; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #ED5F5D; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #ED5F5D; - border: 1px solid #487afa; - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #242424; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #ED5F5D; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #ED5F5D; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #ED5F5D; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(245, 163, 162, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #ED5F5D; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #ED5F5D; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #242424; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #ED5F5D; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(255, 255, 255, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #ED5F5D; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #ED5F5D; - color: white; - border: 1px solid #ED5F5D; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #ED5F5D; - background-color: #ED5F5D; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #ED5F5D; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #ED5F5D; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #242424; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #ED5F5D; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(36, 36, 36, 0.7); - font-weight: bold; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #ffffff; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(36, 36, 36, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #363636; - background-color: rgba(255, 255, 255, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #ED5F5D; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #ED5F5D; - border: 0px solid #ED5F5D; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #ED5F5D; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #ED5F5D; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #ED5F5D; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(36, 36, 36, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #ED5F5D; - border: 1px solid #487afa; - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #ED5F5D; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(255, 255, 255, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.16); - border: none; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #ED5F5D; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #ED5F5D; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(255, 255, 255, 0.3); -} - -.window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, white 0%, white 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #ED5F5D; - background-gradient-end: #ED5F5D; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 6px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(36, 36, 36, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(36, 36, 36, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(0, 0, 0, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #ED5F5D; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(255, 255, 255, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:active { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(255, 255, 255, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #ED5F5D; - background-gradient-end: #ED5F5D; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.75); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(69, 69, 69, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #ED5F5D; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #ED5F5D; -} - -.workspace-button:hover { - color: #f28c8b; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #ED5F5D; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding: 0 8px; - color: white; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #ED5F5D; - background-color: rgba(237, 95, 93, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-solid-blue.css b/src/main/cinnamon/cinnamon-light-solid-blue.css deleted file mode 100644 index ac4a34fc..00000000 --- a/src/main/cinnamon/cinnamon-light-solid-blue.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #2E7CF7; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #2E7CF7; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #2E7CF7; - border: 1px solid #487afa; - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #242424; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #2E7CF7; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #2E7CF7; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #2E7CF7; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(120, 170, 250, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #2E7CF7; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #2E7CF7; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #242424; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #2E7CF7; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #363636; - font-size: 1em; - padding: 0px; - background-color: #f1f1f1; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #2E7CF7; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #363636; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #363636; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #2E7CF7; - color: white; - border: 1px solid #2E7CF7; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #2E7CF7; - background-color: #2E7CF7; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #2E7CF7; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #2E7CF7; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #242424; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #2E7CF7; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(36, 36, 36, 0.7); - font-weight: bold; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #ffffff; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(36, 36, 36, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #363636; - background-color: rgba(255, 255, 255, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #2E7CF7; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #2E7CF7; - border: 0px solid #2E7CF7; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #363636; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #2E7CF7; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #2E7CF7; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #2E7CF7; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(36, 36, 36, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #2E7CF7; - border: 1px solid #487afa; - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #2E7CF7; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #363636; - background-color: #f1f1f1; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #363636; - border-radius: 0; - background-color: #f1f1f1; - border: none; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #2E7CF7; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #2E7CF7; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(54, 54, 54, 0.3); -} - -.window-list-item-box:focus { - color: #363636; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, #363636 0%, #363636 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #2E7CF7; - background-gradient-end: #2E7CF7; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 6px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(36, 36, 36, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(36, 36, 36, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(0, 0, 0, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #2E7CF7; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(54, 54, 54, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.15); -} - -.grouped-window-list-item-box:active { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(54, 54, 54, 0.15); -} - -.grouped-window-list-item-box:focus { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(54, 54, 54, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #2E7CF7; - background-gradient-end: #2E7CF7; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.75); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(69, 69, 69, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #2E7CF7; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #363636; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #2E7CF7; -} - -.workspace-button:hover { - color: #5f9bf9; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #2E7CF7; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: white; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #fefefe; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(54, 54, 54, 0.12); -} - -.applet-box { - padding: 0 8px; - color: #363636; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #363636; -} - -.applet-box:checked .applet-label { - color: #363636; - text-shadow: none; -} - -.applet-icon { - color: #363636; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: #363636; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #2E7CF7; - background-color: rgba(46, 124, 247, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-solid-green.css b/src/main/cinnamon/cinnamon-light-solid-green.css deleted file mode 100644 index dc8715c9..00000000 --- a/src/main/cinnamon/cinnamon-light-solid-green.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #79B757; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #79B757; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #79B757; - border: 1px solid #487afa; - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #242424; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #79B757; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #79B757; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #79B757; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(164, 206, 141, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #79B757; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #79B757; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #242424; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #79B757; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #363636; - font-size: 1em; - padding: 0px; - background-color: #f1f1f1; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #79B757; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #363636; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #363636; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #79B757; - color: white; - border: 1px solid #79B757; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #79B757; - background-color: #79B757; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #79B757; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #79B757; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #242424; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #79B757; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(36, 36, 36, 0.7); - font-weight: bold; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #ffffff; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(36, 36, 36, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #363636; - background-color: rgba(255, 255, 255, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #79B757; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #79B757; - border: 0px solid #79B757; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #363636; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #79B757; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #79B757; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #79B757; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(36, 36, 36, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #79B757; - border: 1px solid #487afa; - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #79B757; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #363636; - background-color: #f1f1f1; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #363636; - border-radius: 0; - background-color: #f1f1f1; - border: none; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #79B757; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #79B757; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(54, 54, 54, 0.3); -} - -.window-list-item-box:focus { - color: #363636; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, #363636 0%, #363636 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #79B757; - background-gradient-end: #79B757; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 6px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(36, 36, 36, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(36, 36, 36, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(0, 0, 0, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #79B757; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(54, 54, 54, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.15); -} - -.grouped-window-list-item-box:active { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(54, 54, 54, 0.15); -} - -.grouped-window-list-item-box:focus { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(54, 54, 54, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #79B757; - background-gradient-end: #79B757; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.75); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(69, 69, 69, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #79B757; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #363636; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #79B757; -} - -.workspace-button:hover { - color: #95c67b; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #79B757; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: white; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #fefefe; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(54, 54, 54, 0.12); -} - -.applet-box { - padding: 0 8px; - color: #363636; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #363636; -} - -.applet-box:checked .applet-label { - color: #363636; - text-shadow: none; -} - -.applet-icon { - color: #363636; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: #363636; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #79B757; - background-color: rgba(121, 183, 87, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-solid-grey.css b/src/main/cinnamon/cinnamon-light-solid-grey.css deleted file mode 100644 index ac02c3d9..00000000 --- a/src/main/cinnamon/cinnamon-light-solid-grey.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #8C8C8C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #8C8C8C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #8C8C8C; - border: 1px solid #487afa; - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #242424; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #8C8C8C; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #8C8C8C; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #8C8C8C; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(178, 178, 178, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #8C8C8C; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #8C8C8C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #242424; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #8C8C8C; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #363636; - font-size: 1em; - padding: 0px; - background-color: #f1f1f1; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #8C8C8C; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #363636; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #363636; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #8C8C8C; - color: white; - border: 1px solid #8C8C8C; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #8C8C8C; - background-color: #8C8C8C; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #8C8C8C; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #8C8C8C; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #242424; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #8C8C8C; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(36, 36, 36, 0.7); - font-weight: bold; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #ffffff; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(36, 36, 36, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #363636; - background-color: rgba(255, 255, 255, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #8C8C8C; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #8C8C8C; - border: 0px solid #8C8C8C; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #363636; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #8C8C8C; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #8C8C8C; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #8C8C8C; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(36, 36, 36, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #8C8C8C; - border: 1px solid #487afa; - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #8C8C8C; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #363636; - background-color: #f1f1f1; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #363636; - border-radius: 0; - background-color: #f1f1f1; - border: none; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #8C8C8C; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #8C8C8C; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(54, 54, 54, 0.3); -} - -.window-list-item-box:focus { - color: #363636; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, #363636 0%, #363636 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #8C8C8C; - background-gradient-end: #8C8C8C; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 6px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(36, 36, 36, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(36, 36, 36, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(0, 0, 0, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #8C8C8C; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(54, 54, 54, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.15); -} - -.grouped-window-list-item-box:active { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(54, 54, 54, 0.15); -} - -.grouped-window-list-item-box:focus { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(54, 54, 54, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #8C8C8C; - background-gradient-end: #8C8C8C; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.75); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(69, 69, 69, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #8C8C8C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #363636; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #8C8C8C; -} - -.workspace-button:hover { - color: #a6a6a6; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #8C8C8C; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: white; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #fefefe; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(54, 54, 54, 0.12); -} - -.applet-box { - padding: 0 8px; - color: #363636; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #363636; -} - -.applet-box:checked .applet-label { - color: #363636; - text-shadow: none; -} - -.applet-icon { - color: #363636; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: #363636; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #8C8C8C; - background-color: rgba(140, 140, 140, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-solid-orange.css b/src/main/cinnamon/cinnamon-light-solid-orange.css deleted file mode 100644 index 8327a2ba..00000000 --- a/src/main/cinnamon/cinnamon-light-solid-orange.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #E9873A; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #E9873A; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #E9873A; - border: 1px solid #487afa; - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #242424; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #E9873A; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #E9873A; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #E9873A; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(241, 177, 127, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #E9873A; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E9873A; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #242424; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #E9873A; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #363636; - font-size: 1em; - padding: 0px; - background-color: #f1f1f1; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #E9873A; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #363636; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #363636; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #E9873A; - color: white; - border: 1px solid #E9873A; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #E9873A; - background-color: #E9873A; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #E9873A; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #E9873A; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #242424; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #E9873A; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(36, 36, 36, 0.7); - font-weight: bold; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #ffffff; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(36, 36, 36, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #363636; - background-color: rgba(255, 255, 255, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #E9873A; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #E9873A; - border: 0px solid #E9873A; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #363636; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #E9873A; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #E9873A; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #E9873A; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(36, 36, 36, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #E9873A; - border: 1px solid #487afa; - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #E9873A; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #363636; - background-color: #f1f1f1; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #363636; - border-radius: 0; - background-color: #f1f1f1; - border: none; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #E9873A; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #E9873A; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(54, 54, 54, 0.3); -} - -.window-list-item-box:focus { - color: #363636; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, #363636 0%, #363636 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E9873A; - background-gradient-end: #E9873A; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 6px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(36, 36, 36, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(36, 36, 36, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(0, 0, 0, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #E9873A; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(54, 54, 54, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.15); -} - -.grouped-window-list-item-box:active { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(54, 54, 54, 0.15); -} - -.grouped-window-list-item-box:focus { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(54, 54, 54, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E9873A; - background-gradient-end: #E9873A; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.75); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(69, 69, 69, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E9873A; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #363636; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #E9873A; -} - -.workspace-button:hover { - color: #eea368; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #E9873A; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: white; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #fefefe; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(54, 54, 54, 0.12); -} - -.applet-box { - padding: 0 8px; - color: #363636; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #363636; -} - -.applet-box:checked .applet-label { - color: #363636; - text-shadow: none; -} - -.applet-icon { - color: #363636; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: #363636; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #E9873A; - background-color: rgba(233, 135, 58, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-solid-pink.css b/src/main/cinnamon/cinnamon-light-solid-pink.css deleted file mode 100644 index 72efc785..00000000 --- a/src/main/cinnamon/cinnamon-light-solid-pink.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #E55E9C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #E55E9C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #E55E9C; - border: 1px solid #487afa; - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #242424; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #E55E9C; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #E55E9C; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #E55E9C; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(240, 160, 197, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #E55E9C; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E55E9C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #242424; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #E55E9C; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #363636; - font-size: 1em; - padding: 0px; - background-color: #f1f1f1; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #E55E9C; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #363636; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #363636; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #E55E9C; - color: white; - border: 1px solid #E55E9C; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #E55E9C; - background-color: #E55E9C; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #E55E9C; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #E55E9C; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #242424; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #E55E9C; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(36, 36, 36, 0.7); - font-weight: bold; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #ffffff; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(36, 36, 36, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #363636; - background-color: rgba(255, 255, 255, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #E55E9C; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #E55E9C; - border: 0px solid #E55E9C; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #363636; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #E55E9C; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #E55E9C; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #E55E9C; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(36, 36, 36, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #E55E9C; - border: 1px solid #487afa; - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #E55E9C; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #363636; - background-color: #f1f1f1; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #363636; - border-radius: 0; - background-color: #f1f1f1; - border: none; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #E55E9C; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #E55E9C; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(54, 54, 54, 0.3); -} - -.window-list-item-box:focus { - color: #363636; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, #363636 0%, #363636 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E55E9C; - background-gradient-end: #E55E9C; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 6px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(36, 36, 36, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(36, 36, 36, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(0, 0, 0, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #E55E9C; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(54, 54, 54, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.15); -} - -.grouped-window-list-item-box:active { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(54, 54, 54, 0.15); -} - -.grouped-window-list-item-box:focus { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(54, 54, 54, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E55E9C; - background-gradient-end: #E55E9C; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.75); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(69, 69, 69, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E55E9C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #363636; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #E55E9C; -} - -.workspace-button:hover { - color: #ec8ab7; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #E55E9C; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: white; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #fefefe; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(54, 54, 54, 0.12); -} - -.applet-box { - padding: 0 8px; - color: #363636; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #363636; -} - -.applet-box:checked .applet-label { - color: #363636; - text-shadow: none; -} - -.applet-icon { - color: #363636; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: #363636; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #E55E9C; - background-color: rgba(229, 94, 156, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-solid-purple.css b/src/main/cinnamon/cinnamon-light-solid-purple.css deleted file mode 100644 index 607cb73f..00000000 --- a/src/main/cinnamon/cinnamon-light-solid-purple.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #9A57A3; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #9A57A3; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #9A57A3; - border: 1px solid #487afa; - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #242424; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #9A57A3; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #9A57A3; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #9A57A3; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(185, 135, 191, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #9A57A3; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #9A57A3; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #242424; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #9A57A3; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #363636; - font-size: 1em; - padding: 0px; - background-color: #f1f1f1; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #9A57A3; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #363636; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #363636; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #9A57A3; - color: white; - border: 1px solid #9A57A3; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #9A57A3; - background-color: #9A57A3; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #9A57A3; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #9A57A3; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #242424; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #9A57A3; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(36, 36, 36, 0.7); - font-weight: bold; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #ffffff; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(36, 36, 36, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #363636; - background-color: rgba(255, 255, 255, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #9A57A3; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #9A57A3; - border: 0px solid #9A57A3; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #363636; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #9A57A3; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #9A57A3; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #9A57A3; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(36, 36, 36, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #9A57A3; - border: 1px solid #487afa; - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #9A57A3; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #363636; - background-color: #f1f1f1; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #363636; - border-radius: 0; - background-color: #f1f1f1; - border: none; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #9A57A3; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #9A57A3; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(54, 54, 54, 0.3); -} - -.window-list-item-box:focus { - color: #363636; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, #363636 0%, #363636 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #9A57A3; - background-gradient-end: #9A57A3; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 6px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(36, 36, 36, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(36, 36, 36, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(0, 0, 0, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #9A57A3; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(54, 54, 54, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.15); -} - -.grouped-window-list-item-box:active { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(54, 54, 54, 0.15); -} - -.grouped-window-list-item-box:focus { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(54, 54, 54, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #9A57A3; - background-gradient-end: #9A57A3; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.75); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(69, 69, 69, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #9A57A3; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #363636; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #9A57A3; -} - -.workspace-button:hover { - color: #af77b6; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #9A57A3; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: white; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #fefefe; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(54, 54, 54, 0.12); -} - -.applet-box { - padding: 0 8px; - color: #363636; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #363636; -} - -.applet-box:checked .applet-label { - color: #363636; - text-shadow: none; -} - -.applet-icon { - color: #363636; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: #363636; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #9A57A3; - background-color: rgba(154, 87, 163, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-solid-red.css b/src/main/cinnamon/cinnamon-light-solid-red.css deleted file mode 100644 index 48ef7d14..00000000 --- a/src/main/cinnamon/cinnamon-light-solid-red.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #ED5F5D; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #ED5F5D; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #ED5F5D; - border: 1px solid #487afa; - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #242424; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #ED5F5D; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #ED5F5D; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #ED5F5D; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(245, 163, 162, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #ED5F5D; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #ED5F5D; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #242424; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #ED5F5D; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #363636; - font-size: 1em; - padding: 0px; - background-color: #f1f1f1; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #ED5F5D; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #363636; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #363636; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #ED5F5D; - color: white; - border: 1px solid #ED5F5D; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #ED5F5D; - background-color: #ED5F5D; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #ED5F5D; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #ED5F5D; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #242424; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #ED5F5D; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(36, 36, 36, 0.7); - font-weight: bold; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #ffffff; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(36, 36, 36, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #363636; - background-color: rgba(255, 255, 255, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #ED5F5D; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #ED5F5D; - border: 0px solid #ED5F5D; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #363636; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #ED5F5D; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #ED5F5D; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #ED5F5D; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(36, 36, 36, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #ED5F5D; - border: 1px solid #487afa; - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #ED5F5D; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #363636; - background-color: #f1f1f1; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #363636; - border-radius: 0; - background-color: #f1f1f1; - border: none; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #ED5F5D; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #ED5F5D; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(54, 54, 54, 0.3); -} - -.window-list-item-box:focus { - color: #363636; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, #363636 0%, #363636 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #ED5F5D; - background-gradient-end: #ED5F5D; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 6px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(36, 36, 36, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(36, 36, 36, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(0, 0, 0, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #ED5F5D; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(54, 54, 54, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.15); -} - -.grouped-window-list-item-box:active { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(54, 54, 54, 0.15); -} - -.grouped-window-list-item-box:focus { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(54, 54, 54, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #ED5F5D; - background-gradient-end: #ED5F5D; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.75); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(69, 69, 69, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #ED5F5D; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #363636; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #ED5F5D; -} - -.workspace-button:hover { - color: #f28c8b; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #ED5F5D; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: white; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #fefefe; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(54, 54, 54, 0.12); -} - -.applet-box { - padding: 0 8px; - color: #363636; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #363636; -} - -.applet-box:checked .applet-label { - color: #363636; - text-shadow: none; -} - -.applet-icon { - color: #363636; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: #363636; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #ED5F5D; - background-color: rgba(237, 95, 93, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-solid-yellow.css b/src/main/cinnamon/cinnamon-light-solid-yellow.css deleted file mode 100644 index 0ab1702d..00000000 --- a/src/main/cinnamon/cinnamon-light-solid-yellow.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #F3BA4B; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #F3BA4B; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #F3BA4B; - border: 1px solid #487afa; - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #242424; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #F3BA4B; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #F3BA4B; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #F3BA4B; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(248, 213, 147, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #F3BA4B; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #F3BA4B; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #242424; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #F3BA4B; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #363636; - font-size: 1em; - padding: 0px; - background-color: #f1f1f1; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #F3BA4B; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #363636; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #363636; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #F3BA4B; - color: white; - border: 1px solid #F3BA4B; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #F3BA4B; - background-color: #F3BA4B; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #F3BA4B; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #F3BA4B; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #242424; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #F3BA4B; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(36, 36, 36, 0.7); - font-weight: bold; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #ffffff; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(36, 36, 36, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #363636; - background-color: rgba(255, 255, 255, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #F3BA4B; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #F3BA4B; - border: 0px solid #F3BA4B; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #363636; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #F3BA4B; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #F3BA4B; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #F3BA4B; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(36, 36, 36, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #F3BA4B; - border: 1px solid #487afa; - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #F3BA4B; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #363636; - background-color: #f1f1f1; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #363636; - border-radius: 0; - background-color: #f1f1f1; - border: none; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #F3BA4B; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #F3BA4B; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(54, 54, 54, 0.3); -} - -.window-list-item-box:focus { - color: #363636; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, #363636 0%, #363636 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #F3BA4B; - background-gradient-end: #F3BA4B; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 6px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(36, 36, 36, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(36, 36, 36, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(0, 0, 0, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #F3BA4B; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(54, 54, 54, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.15); -} - -.grouped-window-list-item-box:active { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(54, 54, 54, 0.15); -} - -.grouped-window-list-item-box:focus { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(54, 54, 54, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #F3BA4B; - background-gradient-end: #F3BA4B; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.75); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(69, 69, 69, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #F3BA4B; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #363636; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #F3BA4B; -} - -.workspace-button:hover { - color: #f6cc7b; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #F3BA4B; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: white; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #fefefe; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(54, 54, 54, 0.12); -} - -.applet-box { - padding: 0 8px; - color: #363636; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #363636; -} - -.applet-box:checked .applet-label { - color: #363636; - text-shadow: none; -} - -.applet-icon { - color: #363636; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: #363636; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #F3BA4B; - background-color: rgba(243, 186, 75, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-solid.css b/src/main/cinnamon/cinnamon-light-solid.css deleted file mode 100644 index e428f586..00000000 --- a/src/main/cinnamon/cinnamon-light-solid.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #0860F2; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #0860F2; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #0860F2; - border: 1px solid #487afa; - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #242424; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #0860F2; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #0860F2; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #0860F2; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(77, 142, 249, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #0860F2; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #0860F2; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #242424; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #0860F2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #363636; - font-size: 1em; - padding: 0px; - background-color: #f1f1f1; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #0860F2; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #363636; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #363636; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #0860F2; - color: white; - border: 1px solid #0860F2; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #0860F2; - background-color: #0860F2; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #0860F2; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #0860F2; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #242424; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #0860F2; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(36, 36, 36, 0.7); - font-weight: bold; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #ffffff; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(36, 36, 36, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #363636; - background-color: rgba(255, 255, 255, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #0860F2; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #0860F2; - border: 0px solid #0860F2; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #363636; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #0860F2; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #0860F2; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #0860F2; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(36, 36, 36, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #0860F2; - border: 1px solid #487afa; - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #0860F2; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #363636; - background-color: #f1f1f1; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #363636; - border-radius: 0; - background-color: #f1f1f1; - border: none; - border-image: url("assets/menu-solid.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #0860F2; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #0860F2; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(54, 54, 54, 0.3); -} - -.window-list-item-box:focus { - color: #363636; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, #363636 0%, #363636 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #0860F2; - background-gradient-end: #0860F2; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 6px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(36, 36, 36, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(36, 36, 36, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(0, 0, 0, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #0860F2; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(54, 54, 54, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.15); -} - -.grouped-window-list-item-box:active { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(54, 54, 54, 0.15); -} - -.grouped-window-list-item-box:focus { - color: #363636; - background-gradient-direction: none; - background-color: rgba(54, 54, 54, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(54, 54, 54, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #0860F2; - background-gradient-end: #0860F2; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.75); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(69, 69, 69, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #0860F2; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #363636; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #0860F2; -} - -.workspace-button:hover { - color: #357ef8; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #0860F2; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: white; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #fefefe; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(54, 54, 54, 0.12); -} - -.applet-box { - padding: 0 8px; - color: #363636; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #363636; -} - -.applet-box:checked .applet-label { - color: #363636; - text-shadow: none; -} - -.applet-icon { - color: #363636; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: #363636; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #0860F2; - background-color: rgba(8, 96, 242, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-yellow.css b/src/main/cinnamon/cinnamon-light-yellow.css deleted file mode 100644 index 232ae969..00000000 --- a/src/main/cinnamon/cinnamon-light-yellow.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #F3BA4B; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #F3BA4B; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #F3BA4B; - border: 1px solid #487afa; - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #242424; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #F3BA4B; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #F3BA4B; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #F3BA4B; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(248, 213, 147, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #F3BA4B; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #F3BA4B; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #242424; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #F3BA4B; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(255, 255, 255, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #F3BA4B; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #F3BA4B; - color: white; - border: 1px solid #F3BA4B; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #F3BA4B; - background-color: #F3BA4B; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #F3BA4B; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #F3BA4B; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #242424; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #F3BA4B; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(36, 36, 36, 0.7); - font-weight: bold; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #ffffff; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(36, 36, 36, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #363636; - background-color: rgba(255, 255, 255, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #F3BA4B; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #F3BA4B; - border: 0px solid #F3BA4B; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #F3BA4B; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #F3BA4B; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #F3BA4B; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(36, 36, 36, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #F3BA4B; - border: 1px solid #487afa; - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #F3BA4B; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(255, 255, 255, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.16); - border: none; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #F3BA4B; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #F3BA4B; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(255, 255, 255, 0.3); -} - -.window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, white 0%, white 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #F3BA4B; - background-gradient-end: #F3BA4B; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 6px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(36, 36, 36, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(36, 36, 36, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(0, 0, 0, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #F3BA4B; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(255, 255, 255, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:active { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(255, 255, 255, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #F3BA4B; - background-gradient-end: #F3BA4B; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.75); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(69, 69, 69, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #F3BA4B; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #F3BA4B; -} - -.workspace-button:hover { - color: #f6cc7b; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #F3BA4B; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding: 0 8px; - color: white; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #F3BA4B; - background-color: rgba(243, 186, 75, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light.css b/src/main/cinnamon/cinnamon-light.css deleted file mode 100644 index 3cca5602..00000000 --- a/src/main/cinnamon/cinnamon-light.css +++ /dev/null @@ -1,2182 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #0860F2; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #0860F2; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.sound-button:active { - text-shadow: none; - color: white; - background-color: #0860F2; - border: 1px solid #487afa; - border-radius: 6px; -} - -.sound-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 6px; -} - -.notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - border-radius: 6px; - text-shadow: none; - color: #242424; - background-color: transparent; -} - -.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.2); - border-radius: 6px; -} - -.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-radius: 6px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 6px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #0860F2; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #0860F2; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #0860F2; - selected-color: white; - transition-duration: 300ms; - border-radius: 6px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(77, 142, 249, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #0860F2; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #0860F2; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 6px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 0 6px; - color: #242424; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - border-radius: 6px; - background-gradient-direction: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 6px 1em 6px; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - border-radius: 6px; -} - -.menu .popup-menu-item:active, .menu .popup-menu-item:checked, -.popup-menu .popup-menu-item:active, -.popup-menu .popup-menu-item:checked, -.popup-combo-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:checked { - color: white; - background-color: #0860F2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 6px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(255, 255, 255, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #0860F2; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #0860F2; - color: white; - border: 1px solid #0860F2; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 6px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #0860F2; - background-color: #0860F2; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #0860F2; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 6px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #0860F2; - background-color: black; - border-radius: 6px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.calendar-change-month-back { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: normal; - text-align: center; - font-size: 14px; - color: #242424; - border-radius: 6px; -} - -.calendar-day-base { - text-align: center; - width: 28px; - height: 28px; - padding: 0; - margin: 2px; - border-radius: 100px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #0860F2; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - width: 20px; - height: 20px; - margin: 6px 0; - color: rgba(36, 36, 36, 0.7); - font-weight: bold; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 100px; -} - -.calendar-week-number StLabel { - padding: 0; - margin-top: 3px; -} - -#notification { - border-radius: 12px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #ffffff; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: none; - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.05); -} - -.menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(36, 36, 36, 0.1); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #363636; - background-color: rgba(255, 255, 255, 0.95); - border: none; - border-radius: 6px; - padding: 20px; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #0860F2; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #0860F2; - border: 0px solid #0860F2; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 6px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 6px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 6px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #0860F2; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #0860F2; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 6px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #0860F2; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 6px; - transition-duration: 300; - background-color: rgba(36, 36, 36, 0.05); - border: none; - border-radius: 6px; -} - -.menu-favorites-button { - padding: 10px; - border: none; - border-radius: 6px; -} - -.menu-favorites-button:hover { - border-radius: 6px; - background-color: rgba(36, 36, 36, 0.1); -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #0860F2; - border: 1px solid #487afa; - padding: 6px; - border-radius: 6px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 3px 0; - border-radius: 6px; - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; - margin: 0 3px; - border-radius: 6px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #0860F2; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border-radius: 6px; -} - -.menu-category-button-selected { - padding: 6px; -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #242424; - background-color: rgba(36, 36, 36, 0.1); - border-radius: 6px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(255, 255, 255, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.16); - border: none; - border-image: url("assets/menu.svg") 17 17 17 17; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 6px; - color: #0860F2; -} - -.osd-window .level-bar { - border-radius: 6px; - background-color: #0860F2; -} - -.window-list-box { - spacing: 2px; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border-radius: 6px; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.25); -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(255, 255, 255, 0.3); -} - -.window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, white 0%, white 100%); -} - -.panel-top .window-list-item-box:focus { - background-position: top center; -} - -.panel-bottom .window-list-item-box:focus { - background-position: bottom center; -} - -.panel-left .window-list-item-box:focus { - background-position: left center; -} - -.panel-right .window-list-item-box:focus { - background-position: right center; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #0860F2; - background-gradient-end: #0860F2; - border-radius: 6px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 16px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 6px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu { - padding: 6px; -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 8px; - border-radius: 6px; - spacing: 8px; - margin: 2px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(36, 36, 36, 0.1); -} - -.grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(36, 36, 36, 0.15); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(0, 0, 0, 0.12); -} - -.grouped-window-list-number-label { - z-index: 120; - text-shadow: none; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 2px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #0860F2; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - border: none; - margin: 0; - color: rgba(255, 255, 255, 0.6); - border-radius: 6px; - spacing: 0.5em; -} - -.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { - padding: 0 2px; -} - -.grouped-window-list-item-box:hover { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:active { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.08); -} - -.grouped-window-list-item-box:active:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.grouped-window-list-item-box:focus { - color: white; - background-gradient-direction: none; - background-color: rgba(255, 255, 255, 0.3); -} - -.grouped-window-list-item-box:focus:hover { - background-color: rgba(255, 255, 255, 0.36); -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #0860F2; - background-gradient-end: #0860F2; - border-radius: 6px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 0; - margin-top: 6px; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.75); -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 80px; - padding: 12px 16px 8px; - spacing: 0.5em; - background-color: rgba(69, 69, 69, 0.9); - border: none; - border-radius: 0 0 6px 6px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 16px; - height: 16px; - padding: 8px; - margin: 0 6px 6px; - color: #dadada; - border-radius: 100px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.sound-player-overlay StButton:active { - background-color: rgba(218, 218, 218, 0.25); -} - -.sound-player-overlay StButton:insensitive { - opacty: 0.35; - color: rgba(218, 218, 218, 0.35); -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #0860F2; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #0860F2; -} - -.workspace-button:hover { - color: #357ef8; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #0860F2; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - border-radius: 6px; -} - -.panel-launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - border-radius: 6px; -} - -.launcher:hover { - background-gradient-direction: none; - background-color: rgba(36, 36, 36, 0.1); -} - -.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.launcher .icon-box { - padding: 2px; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding: 0 8px; - color: white; - text-shadow: none; - transition-duration: 100; - border-radius: 6px; -} - -.applet-box.vertical { - padding: 8px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 16px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #0860F2; - background-color: rgba(8, 96, 242, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.workspace-osd { - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/gnome-shell/gdm3-dark-blue.css b/src/main/gnome-shell/gdm3-dark-blue.css deleted file mode 100644 index 4d976cf3..00000000 --- a/src/main/gnome-shell/gdm3-dark-blue.css +++ /dev/null @@ -1,2042 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.candidate-popup-content, .popup-menu .popup-menu-content { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(46, 124, 247, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(46, 124, 247, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #78aafa; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #478bf8; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #0960e9; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #2E7CF7; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #2E7CF7; - selected-background-color: #2E7CF7; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #2E7CF7; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #3781f6; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #2E7CF7; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #3781f6; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #3781f6; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #2E7CF7; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #478bf8; - background-color: #2E7CF7; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #2E7CF7; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-dark-blue.scss b/src/main/gnome-shell/gdm3-dark-blue.scss deleted file mode 100644 index 6bf78759..00000000 --- a/src/main/gnome-shell/gdm3-dark-blue.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'blue'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-green.css b/src/main/gnome-shell/gdm3-dark-green.css deleted file mode 100644 index 5cc0735f..00000000 --- a/src/main/gnome-shell/gdm3-dark-green.css +++ /dev/null @@ -1,2042 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.candidate-popup-content, .popup-menu .popup-menu-content { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(121, 183, 87, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(121, 183, 87, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #87bf69; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #619942; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #79B757; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #79B757; - selected-background-color: #79B757; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #79B757; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #7eb95e; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #79B757; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #7eb95e; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #7eb95e; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #79B757; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #87bf69; - background-color: #79B757; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #79B757; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-dark-green.scss b/src/main/gnome-shell/gdm3-dark-green.scss deleted file mode 100644 index 80f8a5e1..00000000 --- a/src/main/gnome-shell/gdm3-dark-green.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'green'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-grey.css b/src/main/gnome-shell/gdm3-dark-grey.css deleted file mode 100644 index f0700bb1..00000000 --- a/src/main/gnome-shell/gdm3-dark-grey.css +++ /dev/null @@ -1,2042 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.candidate-popup-content, .popup-menu .popup-menu-content { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(140, 140, 140, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(140, 140, 140, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #999999; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #737373; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #8C8C8C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #8C8C8C; - selected-background-color: #8C8C8C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #8C8C8C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #909090; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #8C8C8C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #909090; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #909090; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #8C8C8C; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #999999; - background-color: #8C8C8C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #8C8C8C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-dark-grey.scss b/src/main/gnome-shell/gdm3-dark-grey.scss deleted file mode 100644 index b2900f2c..00000000 --- a/src/main/gnome-shell/gdm3-dark-grey.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'grey'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-orange.css b/src/main/gnome-shell/gdm3-dark-orange.css deleted file mode 100644 index 2c017791..00000000 --- a/src/main/gnome-shell/gdm3-dark-orange.css +++ /dev/null @@ -1,2042 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.candidate-popup-content, .popup-menu .popup-menu-content { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(233, 135, 58, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(233, 135, 58, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f1b17f; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #ec9551; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #d86c18; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E9873A; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E9873A; - selected-background-color: #E9873A; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E9873A; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e88b42; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E9873A; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e88b42; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e88b42; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E9873A; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #ec9551; - background-color: #E9873A; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E9873A; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-dark-orange.scss b/src/main/gnome-shell/gdm3-dark-orange.scss deleted file mode 100644 index 68671a44..00000000 --- a/src/main/gnome-shell/gdm3-dark-orange.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'orange'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-pink.css b/src/main/gnome-shell/gdm3-dark-pink.css deleted file mode 100644 index 9d49711f..00000000 --- a/src/main/gnome-shell/gdm3-dark-pink.css +++ /dev/null @@ -1,2042 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.candidate-popup-content, .popup-menu .popup-menu-content { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(229, 94, 156, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(229, 94, 156, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #e974aa; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #de3281; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E55E9C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E55E9C; - selected-background-color: #E55E9C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E55E9C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e5649f; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E55E9C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e5649f; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e5649f; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E55E9C; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #e974aa; - background-color: #E55E9C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E55E9C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-dark-pink.scss b/src/main/gnome-shell/gdm3-dark-pink.scss deleted file mode 100644 index 5d52e9c9..00000000 --- a/src/main/gnome-shell/gdm3-dark-pink.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'pink'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-purple.css b/src/main/gnome-shell/gdm3-dark-purple.css deleted file mode 100644 index 01849016..00000000 --- a/src/main/gnome-shell/gdm3-dark-purple.css +++ /dev/null @@ -1,2042 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.candidate-popup-content, .popup-menu .popup-menu-content { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(154, 87, 163, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(154, 87, 163, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #b987bf; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #a566ad; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #7b4582; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #9A57A3; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #9A57A3; - selected-background-color: #9A57A3; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #9A57A3; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #9d5ea6; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #9A57A3; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #9d5ea6; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #9d5ea6; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #9A57A3; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #a566ad; - background-color: #9A57A3; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #9A57A3; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-dark-purple.scss b/src/main/gnome-shell/gdm3-dark-purple.scss deleted file mode 100644 index 2db63c46..00000000 --- a/src/main/gnome-shell/gdm3-dark-purple.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'purple'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-red.css b/src/main/gnome-shell/gdm3-dark-red.css deleted file mode 100644 index f2db8033..00000000 --- a/src/main/gnome-shell/gdm3-dark-red.css +++ /dev/null @@ -1,2042 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.candidate-popup-content, .popup-menu .popup-menu-content { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(237, 95, 93, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(237, 95, 93, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f07674; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #e8322f; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #ED5F5D; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #ED5F5D; - selected-background-color: #ED5F5D; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #ED5F5D; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #ec6563; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #ED5F5D; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #ec6563; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #ec6563; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #ED5F5D; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f07674; - background-color: #ED5F5D; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #ED5F5D; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-dark-red.scss b/src/main/gnome-shell/gdm3-dark-red.scss deleted file mode 100644 index 8a126eb1..00000000 --- a/src/main/gnome-shell/gdm3-dark-red.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'red'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-yellow.css b/src/main/gnome-shell/gdm3-dark-yellow.css deleted file mode 100644 index 35c00f2d..00000000 --- a/src/main/gnome-shell/gdm3-dark-yellow.css +++ /dev/null @@ -1,2042 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.candidate-popup-content, .popup-menu .popup-menu-content { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(243, 186, 75, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(243, 186, 75, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f8d593; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f5c363; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #f0a81b; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #F3BA4B; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #F3BA4B; - selected-background-color: #F3BA4B; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #F3BA4B; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #f2bc52; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #F3BA4B; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #f2bc52; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #f2bc52; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #F3BA4B; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f5c363; - background-color: #F3BA4B; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #F3BA4B; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-dark-yellow.scss b/src/main/gnome-shell/gdm3-dark-yellow.scss deleted file mode 100644 index b1680205..00000000 --- a/src/main/gnome-shell/gdm3-dark-yellow.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'yellow'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark.css b/src/main/gnome-shell/gdm3-dark.css deleted file mode 100644 index 0ef11187..00000000 --- a/src/main/gnome-shell/gdm3-dark.css +++ /dev/null @@ -1,2042 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.candidate-popup-content, .popup-menu .popup-menu-content { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(8, 96, 242, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(8, 96, 242, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #1c6ff7; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #064cc1; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #0860F2; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #0860F2; - selected-background-color: #0860F2; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #0860F2; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #1366f1; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #0860F2; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #1366f1; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #1366f1; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #0860F2; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #1c6ff7; - background-color: #0860F2; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #0860F2; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-dark.scss b/src/main/gnome-shell/gdm3-dark.scss deleted file mode 100644 index e5e664e3..00000000 --- a/src/main/gnome-shell/gdm3-dark.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'default'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-blue.css b/src/main/gnome-shell/gdm3-light-blue.css deleted file mode 100644 index dee0e895..00000000 --- a/src/main/gnome-shell/gdm3-light-blue.css +++ /dev/null @@ -1,2042 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.candidate-popup-content, .popup-menu .popup-menu-content { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(46, 124, 247, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(46, 124, 247, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #78aafa; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #478bf8; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #0960e9; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #2E7CF7; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #2E7CF7; - selected-background-color: #2E7CF7; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #2E7CF7; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #2e78ec; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #2E7CF7; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #2e78ec; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #2e78ec; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #2E7CF7; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #478bf8; - background-color: #2E7CF7; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #2E7CF7; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-light-blue.scss b/src/main/gnome-shell/gdm3-light-blue.scss deleted file mode 100644 index c637ed74..00000000 --- a/src/main/gnome-shell/gdm3-light-blue.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'blue'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-green.css b/src/main/gnome-shell/gdm3-light-green.css deleted file mode 100644 index 2e62ccca..00000000 --- a/src/main/gnome-shell/gdm3-light-green.css +++ /dev/null @@ -1,2042 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.candidate-popup-content, .popup-menu .popup-menu-content { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(121, 183, 87, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(121, 183, 87, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #87bf69; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #619942; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #79B757; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #79B757; - selected-background-color: #79B757; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #79B757; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #75b054; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #79B757; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #75b054; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #75b054; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #79B757; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #87bf69; - background-color: #79B757; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #79B757; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-light-green.scss b/src/main/gnome-shell/gdm3-light-green.scss deleted file mode 100644 index 8a80b216..00000000 --- a/src/main/gnome-shell/gdm3-light-green.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'green'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-grey.css b/src/main/gnome-shell/gdm3-light-grey.css deleted file mode 100644 index 1a87b260..00000000 --- a/src/main/gnome-shell/gdm3-light-grey.css +++ /dev/null @@ -1,2042 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.candidate-popup-content, .popup-menu .popup-menu-content { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(140, 140, 140, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(140, 140, 140, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #999999; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #737373; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #8C8C8C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #8C8C8C; - selected-background-color: #8C8C8C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #8C8C8C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #878787; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #8C8C8C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #878787; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #878787; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #8C8C8C; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #999999; - background-color: #8C8C8C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #8C8C8C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-light-grey.scss b/src/main/gnome-shell/gdm3-light-grey.scss deleted file mode 100644 index 53b2ac59..00000000 --- a/src/main/gnome-shell/gdm3-light-grey.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'grey'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-orange.css b/src/main/gnome-shell/gdm3-light-orange.css deleted file mode 100644 index 7195d5e8..00000000 --- a/src/main/gnome-shell/gdm3-light-orange.css +++ /dev/null @@ -1,2042 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.candidate-popup-content, .popup-menu .popup-menu-content { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(233, 135, 58, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(233, 135, 58, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f1b17f; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #ec9551; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #d86c18; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E9873A; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E9873A; - selected-background-color: #E9873A; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E9873A; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #df8239; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E9873A; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #df8239; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #df8239; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E9873A; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #ec9551; - background-color: #E9873A; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E9873A; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-light-orange.scss b/src/main/gnome-shell/gdm3-light-orange.scss deleted file mode 100644 index 92c2fa93..00000000 --- a/src/main/gnome-shell/gdm3-light-orange.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'orange'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-pink.css b/src/main/gnome-shell/gdm3-light-pink.css deleted file mode 100644 index d8d3f510..00000000 --- a/src/main/gnome-shell/gdm3-light-pink.css +++ /dev/null @@ -1,2042 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.candidate-popup-content, .popup-menu .popup-menu-content { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(229, 94, 156, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(229, 94, 156, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #e974aa; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #de3281; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E55E9C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E55E9C; - selected-background-color: #E55E9C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E55E9C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #db5b96; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E55E9C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #db5b96; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #db5b96; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E55E9C; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #e974aa; - background-color: #E55E9C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E55E9C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-light-pink.scss b/src/main/gnome-shell/gdm3-light-pink.scss deleted file mode 100644 index 65cc22a1..00000000 --- a/src/main/gnome-shell/gdm3-light-pink.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'pink'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-purple.css b/src/main/gnome-shell/gdm3-light-purple.css deleted file mode 100644 index 212cf9c8..00000000 --- a/src/main/gnome-shell/gdm3-light-purple.css +++ /dev/null @@ -1,2042 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.candidate-popup-content, .popup-menu .popup-menu-content { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(154, 87, 163, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(154, 87, 163, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #b987bf; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #a566ad; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #7b4582; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #9A57A3; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #9A57A3; - selected-background-color: #9A57A3; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #9A57A3; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #94549d; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #9A57A3; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #94549d; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #94549d; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #9A57A3; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #a566ad; - background-color: #9A57A3; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #9A57A3; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-light-purple.scss b/src/main/gnome-shell/gdm3-light-purple.scss deleted file mode 100644 index 9b89c187..00000000 --- a/src/main/gnome-shell/gdm3-light-purple.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'purple'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-red.css b/src/main/gnome-shell/gdm3-light-red.css deleted file mode 100644 index 7a862feb..00000000 --- a/src/main/gnome-shell/gdm3-light-red.css +++ /dev/null @@ -1,2042 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.candidate-popup-content, .popup-menu .popup-menu-content { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(237, 95, 93, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(237, 95, 93, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f07674; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #e8322f; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #ED5F5D; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #ED5F5D; - selected-background-color: #ED5F5D; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #ED5F5D; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e35c5a; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #ED5F5D; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e35c5a; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e35c5a; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #ED5F5D; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f07674; - background-color: #ED5F5D; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #ED5F5D; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-light-red.scss b/src/main/gnome-shell/gdm3-light-red.scss deleted file mode 100644 index baecff3e..00000000 --- a/src/main/gnome-shell/gdm3-light-red.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'red'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-yellow.css b/src/main/gnome-shell/gdm3-light-yellow.css deleted file mode 100644 index e02912a2..00000000 --- a/src/main/gnome-shell/gdm3-light-yellow.css +++ /dev/null @@ -1,2042 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.candidate-popup-content, .popup-menu .popup-menu-content { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(243, 186, 75, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(243, 186, 75, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f8d593; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f5c363; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #f0a81b; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #F3BA4B; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #F3BA4B; - selected-background-color: #F3BA4B; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #F3BA4B; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e9b349; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #F3BA4B; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e9b349; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e9b349; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #F3BA4B; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f5c363; - background-color: #F3BA4B; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #F3BA4B; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-light-yellow.scss b/src/main/gnome-shell/gdm3-light-yellow.scss deleted file mode 100644 index d48e35a0..00000000 --- a/src/main/gnome-shell/gdm3-light-yellow.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'yellow'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light.css b/src/main/gnome-shell/gdm3-light.css deleted file mode 100644 index 0e9f3509..00000000 --- a/src/main/gnome-shell/gdm3-light.css +++ /dev/null @@ -1,2042 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.candidate-popup-content, .popup-menu .popup-menu-content { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(8, 96, 242, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(8, 96, 242, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #1c6ff7; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #064cc1; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #0860F2; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #0860F2; - selected-background-color: #0860F2; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #0860F2; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #095de8; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #0860F2; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #095de8; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #095de8; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #0860F2; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #1c6ff7; - background-color: #0860F2; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #0860F2; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-light.scss b/src/main/gnome-shell/gdm3-light.scss deleted file mode 100644 index 8c58ae96..00000000 --- a/src/main/gnome-shell/gdm3-light.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'default'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-blue.css b/src/main/gnome-shell/gnome-shell-dark-alt-blue.css deleted file mode 100644 index 7c40aa2d..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt-blue.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(46, 124, 247, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(46, 124, 247, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #1f73f6; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #2E7CF7; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #2E7CF7; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #5a98f9; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #156df6; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(46, 124, 247, 0.05); - color: rgba(46, 124, 247, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #2E7CF7; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #78aafa; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #478bf8; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #0960e9; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #2E7CF7; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #2E7CF7; - selected-background-color: #2E7CF7; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #2E7CF7; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(193, 216, 253, 0.3); - box-shadow: 0 0 2px 2px #90bafb; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #2E7CF7; - -pie-background-color: rgba(242, 247, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(46, 124, 247, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #2E7CF7; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #2E7CF7; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #2E7CF7; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #2E7CF7; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #3781f6; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #2E7CF7; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #3781f6; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #3781f6; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #2E7CF7; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #478bf8; - background-color: #2E7CF7; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #2E7CF7; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #2E7CF7; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #78aafa; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-green.css b/src/main/gnome-shell/gnome-shell-dark-alt-green.css deleted file mode 100644 index c4381b60..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt-green.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(121, 183, 87, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(121, 183, 87, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #70b24c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #79B757; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #79B757; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #93c577; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #6cab49; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(121, 183, 87, 0.05); - color: rgba(121, 183, 87, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #79B757; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #87bf69; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #619942; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #79B757; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #79B757; - selected-background-color: #79B757; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #79B757; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(206, 229, 194, 0.3); - box-shadow: 0 0 2px 2px #b2d69e; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #79B757; - -pie-background-color: rgba(235, 244, 230, 0.3); -} - -.select-area-rubberband { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(121, 183, 87, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #79B757; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #79B757; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #79B757; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #79B757; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #7eb95e; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #79B757; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #7eb95e; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #7eb95e; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #79B757; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #87bf69; - background-color: #79B757; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #79B757; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #79B757; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-grey.css b/src/main/gnome-shell/gnome-shell-dark-alt-grey.css deleted file mode 100644 index 91a2e284..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt-grey.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(140, 140, 140, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(140, 140, 140, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #848484; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #8C8C8C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #8C8C8C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #a3a3a3; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #7f7f7f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(140, 140, 140, 0.05); - color: rgba(140, 140, 140, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #8C8C8C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #999999; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #737373; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #8C8C8C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #8C8C8C; - selected-background-color: #8C8C8C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #8C8C8C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(217, 217, 217, 0.3); - box-shadow: 0 0 2px 2px #bfbfbf; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #8C8C8C; - -pie-background-color: rgba(242, 242, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(140, 140, 140, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #8C8C8C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #8C8C8C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #8C8C8C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #8C8C8C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #909090; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #8C8C8C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #909090; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #909090; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #8C8C8C; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #999999; - background-color: #8C8C8C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #8C8C8C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #8C8C8C; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-orange.css b/src/main/gnome-shell/gnome-shell-dark-alt-orange.css deleted file mode 100644 index f9d95c18..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt-orange.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(233, 135, 58, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(233, 135, 58, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e77f2c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E9873A; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E9873A; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eea063; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e67923; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(233, 135, 58, 0.05); - color: rgba(233, 135, 58, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #E9873A; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f1b17f; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #ec9551; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #d86c18; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E9873A; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E9873A; - selected-background-color: #E9873A; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E9873A; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(248, 219, 196, 0.3); - box-shadow: 0 0 2px 2px #f3bf96; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E9873A; - -pie-background-color: rgba(253, 247, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(233, 135, 58, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E9873A; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #E9873A; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E9873A; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E9873A; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e88b42; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E9873A; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e88b42; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e88b42; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E9873A; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #ec9551; - background-color: #E9873A; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E9873A; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #E9873A; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f1b17f; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-pink.css b/src/main/gnome-shell/gnome-shell-dark-alt-pink.css deleted file mode 100644 index ff598ddc..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt-pink.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(229, 94, 156, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(229, 94, 156, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e35194; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E55E9C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E55E9C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eb86b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e1488f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(229, 94, 156, 0.05); - color: rgba(229, 94, 156, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #E55E9C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #e974aa; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #de3281; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E55E9C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E55E9C; - selected-background-color: #E55E9C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E55E9C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(250, 226, 237, 0.3); - box-shadow: 0 0 2px 2px #f3b6d2; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E55E9C; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(229, 94, 156, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E55E9C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #E55E9C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E55E9C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E55E9C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e5649f; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E55E9C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e5649f; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e5649f; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E55E9C; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #e974aa; - background-color: #E55E9C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E55E9C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #E55E9C; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-purple.css b/src/main/gnome-shell/gnome-shell-dark-alt-purple.css deleted file mode 100644 index da9a93d2..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt-purple.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(154, 87, 163, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(154, 87, 163, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #915299; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #9A57A3; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #9A57A3; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #ad73b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #8a4e92; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(154, 87, 163, 0.05); - color: rgba(154, 87, 163, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #9A57A3; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #b987bf; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #a566ad; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #7b4582; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #9A57A3; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #9A57A3; - selected-background-color: #9A57A3; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #9A57A3; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(214, 185, 218, 0.3); - box-shadow: 0 0 2px 2px #c298c8; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #9A57A3; - -pie-background-color: rgba(233, 218, 236, 0.3); -} - -.select-area-rubberband { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(154, 87, 163, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #9A57A3; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #9A57A3; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #9A57A3; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #9A57A3; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #9d5ea6; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #9A57A3; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #9d5ea6; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #9d5ea6; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #9A57A3; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #a566ad; - background-color: #9A57A3; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #9A57A3; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #9A57A3; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b987bf; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-red.css b/src/main/gnome-shell/gnome-shell-dark-alt-red.css deleted file mode 100644 index b01b0178..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt-red.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(237, 95, 93, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(237, 95, 93, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #eb514f; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #ED5F5D; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #ED5F5D; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f28886; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #ea4846; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(237, 95, 93, 0.05); - color: rgba(237, 95, 93, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #ED5F5D; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f07674; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #e8322f; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #ED5F5D; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #ED5F5D; - selected-background-color: #ED5F5D; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #ED5F5D; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(252, 231, 231, 0.3); - box-shadow: 0 0 2px 2px #f7bab9; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #ED5F5D; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(237, 95, 93, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #ED5F5D; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #ED5F5D; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #ED5F5D; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #ED5F5D; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #ec6563; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #ED5F5D; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #ec6563; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #ec6563; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #ED5F5D; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f07674; - background-color: #ED5F5D; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #ED5F5D; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #ED5F5D; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-yellow.css b/src/main/gnome-shell/gnome-shell-dark-alt-yellow.css deleted file mode 100644 index eb187157..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt-yellow.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(243, 186, 75, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(243, 186, 75, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #f2b53d; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #F3BA4B; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #F3BA4B; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f6ca76; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #f1b133; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(243, 186, 75, 0.05); - color: rgba(243, 186, 75, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #F3BA4B; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f8d593; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f5c363; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #f0a81b; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #F3BA4B; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #F3BA4B; - selected-background-color: #F3BA4B; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #F3BA4B; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(253, 241, 218, 0.3); - box-shadow: 0 0 2px 2px #f9dfab; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #F3BA4B; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(243, 186, 75, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #F3BA4B; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #F3BA4B; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #F3BA4B; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #F3BA4B; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #f2bc52; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #F3BA4B; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #f2bc52; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #f2bc52; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #F3BA4B; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f5c363; - background-color: #F3BA4B; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #F3BA4B; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #F3BA4B; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f8d593; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt.css b/src/main/gnome-shell/gnome-shell-dark-alt.css deleted file mode 100644 index 4047219a..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(8, 96, 242, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(8, 96, 242, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #085ae3; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #0860F2; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #0860F2; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #307bf8; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #0756d9; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(8, 96, 242, 0.05); - color: rgba(8, 96, 242, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #0860F2; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #1c6ff7; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #064cc1; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #0860F2; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #0860F2; - selected-background-color: #0860F2; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #0860F2; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(151, 189, 252, 0.3); - box-shadow: 0 0 2px 2px #669efa; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #0860F2; - -pie-background-color: rgba(201, 221, 253, 0.3); -} - -.select-area-rubberband { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(8, 96, 242, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #0860F2; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #0860F2; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #0860F2; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #0860F2; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #1366f1; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #0860F2; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #1366f1; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #1366f1; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #0860F2; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #1c6ff7; - background-color: #0860F2; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #0860F2; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #0860F2; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-blue.css b/src/main/gnome-shell/gnome-shell-dark-blue.css deleted file mode 100644 index 7c40aa2d..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-blue.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(46, 124, 247, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(46, 124, 247, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #1f73f6; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #2E7CF7; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #2E7CF7; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #5a98f9; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #156df6; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(46, 124, 247, 0.05); - color: rgba(46, 124, 247, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #2E7CF7; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #78aafa; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #478bf8; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #0960e9; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #2E7CF7; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #2E7CF7; - selected-background-color: #2E7CF7; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #2E7CF7; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(193, 216, 253, 0.3); - box-shadow: 0 0 2px 2px #90bafb; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #2E7CF7; - -pie-background-color: rgba(242, 247, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(46, 124, 247, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #2E7CF7; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #2E7CF7; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #2E7CF7; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #2E7CF7; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #3781f6; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #2E7CF7; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #3781f6; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #3781f6; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #2E7CF7; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #478bf8; - background-color: #2E7CF7; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #2E7CF7; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #2E7CF7; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #78aafa; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-green.css b/src/main/gnome-shell/gnome-shell-dark-green.css deleted file mode 100644 index c4381b60..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-green.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(121, 183, 87, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(121, 183, 87, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #70b24c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #79B757; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #79B757; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #93c577; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #6cab49; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(121, 183, 87, 0.05); - color: rgba(121, 183, 87, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #79B757; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #87bf69; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #619942; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #79B757; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #79B757; - selected-background-color: #79B757; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #79B757; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(206, 229, 194, 0.3); - box-shadow: 0 0 2px 2px #b2d69e; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #79B757; - -pie-background-color: rgba(235, 244, 230, 0.3); -} - -.select-area-rubberband { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(121, 183, 87, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #79B757; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #79B757; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #79B757; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #79B757; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #7eb95e; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #79B757; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #7eb95e; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #7eb95e; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #79B757; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #87bf69; - background-color: #79B757; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #79B757; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #79B757; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-grey.css b/src/main/gnome-shell/gnome-shell-dark-grey.css deleted file mode 100644 index 91a2e284..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-grey.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(140, 140, 140, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(140, 140, 140, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #848484; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #8C8C8C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #8C8C8C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #a3a3a3; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #7f7f7f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(140, 140, 140, 0.05); - color: rgba(140, 140, 140, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #8C8C8C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #999999; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #737373; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #8C8C8C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #8C8C8C; - selected-background-color: #8C8C8C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #8C8C8C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(217, 217, 217, 0.3); - box-shadow: 0 0 2px 2px #bfbfbf; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #8C8C8C; - -pie-background-color: rgba(242, 242, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(140, 140, 140, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #8C8C8C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #8C8C8C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #8C8C8C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #8C8C8C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #909090; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #8C8C8C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #909090; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #909090; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #8C8C8C; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #999999; - background-color: #8C8C8C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #8C8C8C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #8C8C8C; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-orange.css b/src/main/gnome-shell/gnome-shell-dark-orange.css deleted file mode 100644 index f9d95c18..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-orange.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(233, 135, 58, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(233, 135, 58, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e77f2c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E9873A; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E9873A; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eea063; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e67923; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(233, 135, 58, 0.05); - color: rgba(233, 135, 58, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #E9873A; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f1b17f; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #ec9551; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #d86c18; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E9873A; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E9873A; - selected-background-color: #E9873A; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E9873A; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(248, 219, 196, 0.3); - box-shadow: 0 0 2px 2px #f3bf96; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E9873A; - -pie-background-color: rgba(253, 247, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(233, 135, 58, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E9873A; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #E9873A; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E9873A; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E9873A; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e88b42; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E9873A; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e88b42; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e88b42; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E9873A; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #ec9551; - background-color: #E9873A; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E9873A; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #E9873A; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f1b17f; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-pink.css b/src/main/gnome-shell/gnome-shell-dark-pink.css deleted file mode 100644 index ff598ddc..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-pink.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(229, 94, 156, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(229, 94, 156, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e35194; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E55E9C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E55E9C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eb86b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e1488f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(229, 94, 156, 0.05); - color: rgba(229, 94, 156, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #E55E9C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #e974aa; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #de3281; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E55E9C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E55E9C; - selected-background-color: #E55E9C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E55E9C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(250, 226, 237, 0.3); - box-shadow: 0 0 2px 2px #f3b6d2; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E55E9C; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(229, 94, 156, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E55E9C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #E55E9C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E55E9C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E55E9C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e5649f; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E55E9C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e5649f; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e5649f; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E55E9C; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #e974aa; - background-color: #E55E9C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E55E9C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #E55E9C; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-purple.css b/src/main/gnome-shell/gnome-shell-dark-purple.css deleted file mode 100644 index da9a93d2..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-purple.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(154, 87, 163, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(154, 87, 163, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #915299; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #9A57A3; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #9A57A3; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #ad73b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #8a4e92; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(154, 87, 163, 0.05); - color: rgba(154, 87, 163, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #9A57A3; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #b987bf; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #a566ad; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #7b4582; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #9A57A3; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #9A57A3; - selected-background-color: #9A57A3; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #9A57A3; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(214, 185, 218, 0.3); - box-shadow: 0 0 2px 2px #c298c8; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #9A57A3; - -pie-background-color: rgba(233, 218, 236, 0.3); -} - -.select-area-rubberband { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(154, 87, 163, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #9A57A3; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #9A57A3; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #9A57A3; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #9A57A3; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #9d5ea6; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #9A57A3; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #9d5ea6; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #9d5ea6; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #9A57A3; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #a566ad; - background-color: #9A57A3; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #9A57A3; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #9A57A3; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b987bf; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-red.css b/src/main/gnome-shell/gnome-shell-dark-red.css deleted file mode 100644 index b01b0178..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-red.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(237, 95, 93, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(237, 95, 93, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #eb514f; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #ED5F5D; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #ED5F5D; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f28886; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #ea4846; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(237, 95, 93, 0.05); - color: rgba(237, 95, 93, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #ED5F5D; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f07674; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #e8322f; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #ED5F5D; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #ED5F5D; - selected-background-color: #ED5F5D; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #ED5F5D; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(252, 231, 231, 0.3); - box-shadow: 0 0 2px 2px #f7bab9; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #ED5F5D; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(237, 95, 93, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #ED5F5D; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #ED5F5D; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #ED5F5D; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #ED5F5D; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #ec6563; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #ED5F5D; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #ec6563; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #ec6563; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #ED5F5D; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f07674; - background-color: #ED5F5D; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #ED5F5D; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #ED5F5D; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-blue.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-blue.css deleted file mode 100644 index 263a54d8..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt-blue.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(46, 124, 247, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(46, 124, 247, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #1f73f6; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #2E7CF7; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #2E7CF7; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #5a98f9; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #156df6; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(46, 124, 247, 0.05); - color: rgba(46, 124, 247, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #2E7CF7; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #78aafa; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #478bf8; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #0960e9; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #2E7CF7; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #2E7CF7; - selected-background-color: #2E7CF7; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #2E7CF7; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(193, 216, 253, 0.3); - box-shadow: 0 0 2px 2px #90bafb; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #2E7CF7; - -pie-background-color: rgba(242, 247, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(46, 124, 247, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #2E7CF7; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #2E7CF7; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #2E7CF7; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #2E7CF7; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #3781f6; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #2E7CF7; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #3781f6; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #3781f6; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #2E7CF7; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #478bf8; - background-color: #2E7CF7; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #2E7CF7; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #2E7CF7; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #78aafa; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-green.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-green.css deleted file mode 100644 index 8431f8fc..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt-green.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(121, 183, 87, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(121, 183, 87, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #70b24c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #79B757; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #79B757; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #93c577; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #6cab49; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(121, 183, 87, 0.05); - color: rgba(121, 183, 87, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #79B757; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #87bf69; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #619942; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #79B757; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #79B757; - selected-background-color: #79B757; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #79B757; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(206, 229, 194, 0.3); - box-shadow: 0 0 2px 2px #b2d69e; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #79B757; - -pie-background-color: rgba(235, 244, 230, 0.3); -} - -.select-area-rubberband { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(121, 183, 87, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #79B757; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #79B757; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #79B757; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #79B757; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #7eb95e; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #79B757; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #7eb95e; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #7eb95e; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #79B757; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #87bf69; - background-color: #79B757; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #79B757; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #79B757; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-grey.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-grey.css deleted file mode 100644 index 48c21234..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt-grey.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(140, 140, 140, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(140, 140, 140, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #848484; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #8C8C8C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #8C8C8C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #a3a3a3; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #7f7f7f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(140, 140, 140, 0.05); - color: rgba(140, 140, 140, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #8C8C8C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #999999; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #737373; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #8C8C8C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #8C8C8C; - selected-background-color: #8C8C8C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #8C8C8C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(217, 217, 217, 0.3); - box-shadow: 0 0 2px 2px #bfbfbf; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #8C8C8C; - -pie-background-color: rgba(242, 242, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(140, 140, 140, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #8C8C8C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #8C8C8C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #8C8C8C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #8C8C8C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #909090; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #8C8C8C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #909090; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #909090; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #8C8C8C; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #999999; - background-color: #8C8C8C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #8C8C8C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #8C8C8C; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-orange.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-orange.css deleted file mode 100644 index d6e4462f..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt-orange.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(233, 135, 58, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(233, 135, 58, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e77f2c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E9873A; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E9873A; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eea063; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e67923; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(233, 135, 58, 0.05); - color: rgba(233, 135, 58, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #E9873A; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f1b17f; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #ec9551; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #d86c18; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E9873A; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E9873A; - selected-background-color: #E9873A; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E9873A; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(248, 219, 196, 0.3); - box-shadow: 0 0 2px 2px #f3bf96; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E9873A; - -pie-background-color: rgba(253, 247, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(233, 135, 58, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E9873A; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #E9873A; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E9873A; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E9873A; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e88b42; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E9873A; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e88b42; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e88b42; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E9873A; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #ec9551; - background-color: #E9873A; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E9873A; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #E9873A; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f1b17f; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-pink.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-pink.css deleted file mode 100644 index d23ec8f6..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt-pink.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(229, 94, 156, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(229, 94, 156, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e35194; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E55E9C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E55E9C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eb86b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e1488f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(229, 94, 156, 0.05); - color: rgba(229, 94, 156, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #E55E9C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #e974aa; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #de3281; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E55E9C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E55E9C; - selected-background-color: #E55E9C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E55E9C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(250, 226, 237, 0.3); - box-shadow: 0 0 2px 2px #f3b6d2; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E55E9C; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(229, 94, 156, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E55E9C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #E55E9C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E55E9C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E55E9C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e5649f; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E55E9C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e5649f; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e5649f; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E55E9C; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #e974aa; - background-color: #E55E9C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E55E9C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #E55E9C; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-purple.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-purple.css deleted file mode 100644 index 80f373cf..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt-purple.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(154, 87, 163, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(154, 87, 163, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #915299; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #9A57A3; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #9A57A3; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #ad73b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #8a4e92; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(154, 87, 163, 0.05); - color: rgba(154, 87, 163, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #9A57A3; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #b987bf; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #a566ad; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #7b4582; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #9A57A3; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #9A57A3; - selected-background-color: #9A57A3; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #9A57A3; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(214, 185, 218, 0.3); - box-shadow: 0 0 2px 2px #c298c8; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #9A57A3; - -pie-background-color: rgba(233, 218, 236, 0.3); -} - -.select-area-rubberband { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(154, 87, 163, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #9A57A3; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #9A57A3; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #9A57A3; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #9A57A3; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #9d5ea6; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #9A57A3; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #9d5ea6; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #9d5ea6; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #9A57A3; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #a566ad; - background-color: #9A57A3; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #9A57A3; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #9A57A3; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b987bf; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-red.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-red.css deleted file mode 100644 index 63f0699f..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt-red.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(237, 95, 93, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(237, 95, 93, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #eb514f; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #ED5F5D; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #ED5F5D; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f28886; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #ea4846; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(237, 95, 93, 0.05); - color: rgba(237, 95, 93, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #ED5F5D; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f07674; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #e8322f; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #ED5F5D; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #ED5F5D; - selected-background-color: #ED5F5D; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #ED5F5D; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(252, 231, 231, 0.3); - box-shadow: 0 0 2px 2px #f7bab9; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #ED5F5D; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(237, 95, 93, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #ED5F5D; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #ED5F5D; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #ED5F5D; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #ED5F5D; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #ec6563; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #ED5F5D; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #ec6563; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #ec6563; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #ED5F5D; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f07674; - background-color: #ED5F5D; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #ED5F5D; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #ED5F5D; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-yellow.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-yellow.css deleted file mode 100644 index 9f27e65b..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt-yellow.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(243, 186, 75, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(243, 186, 75, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #f2b53d; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #F3BA4B; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #F3BA4B; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f6ca76; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #f1b133; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(243, 186, 75, 0.05); - color: rgba(243, 186, 75, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #F3BA4B; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f8d593; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f5c363; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #f0a81b; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #F3BA4B; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #F3BA4B; - selected-background-color: #F3BA4B; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #F3BA4B; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(253, 241, 218, 0.3); - box-shadow: 0 0 2px 2px #f9dfab; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #F3BA4B; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(243, 186, 75, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #F3BA4B; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #F3BA4B; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #F3BA4B; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #F3BA4B; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #f2bc52; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #F3BA4B; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #f2bc52; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #f2bc52; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #F3BA4B; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f5c363; - background-color: #F3BA4B; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #F3BA4B; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #F3BA4B; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f8d593; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt.css deleted file mode 100644 index 1900123e..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(8, 96, 242, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(8, 96, 242, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #085ae3; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #0860F2; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #0860F2; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #307bf8; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #0756d9; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(8, 96, 242, 0.05); - color: rgba(8, 96, 242, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #0860F2; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #1c6ff7; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #064cc1; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #0860F2; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #0860F2; - selected-background-color: #0860F2; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #0860F2; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(151, 189, 252, 0.3); - box-shadow: 0 0 2px 2px #669efa; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #0860F2; - -pie-background-color: rgba(201, 221, 253, 0.3); -} - -.select-area-rubberband { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(8, 96, 242, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #0860F2; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #0860F2; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #0860F2; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #0860F2; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #1366f1; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #0860F2; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #1366f1; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #1366f1; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #0860F2; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #1c6ff7; - background-color: #0860F2; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #0860F2; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #0860F2; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-blue.css b/src/main/gnome-shell/gnome-shell-dark-solid-blue.css deleted file mode 100644 index 263a54d8..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-blue.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(46, 124, 247, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(46, 124, 247, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #1f73f6; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #2E7CF7; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #2E7CF7; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #5a98f9; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #156df6; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(46, 124, 247, 0.05); - color: rgba(46, 124, 247, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #2E7CF7; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #78aafa; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #478bf8; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #0960e9; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #2E7CF7; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #2E7CF7; - selected-background-color: #2E7CF7; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #2E7CF7; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(193, 216, 253, 0.3); - box-shadow: 0 0 2px 2px #90bafb; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #2E7CF7; - -pie-background-color: rgba(242, 247, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(46, 124, 247, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #2E7CF7; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #2E7CF7; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #2E7CF7; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #2E7CF7; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #3781f6; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #2E7CF7; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #3781f6; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #3781f6; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #2E7CF7; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #478bf8; - background-color: #2E7CF7; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #2E7CF7; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #2E7CF7; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #78aafa; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-green.css b/src/main/gnome-shell/gnome-shell-dark-solid-green.css deleted file mode 100644 index 8431f8fc..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-green.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(121, 183, 87, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(121, 183, 87, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #70b24c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #79B757; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #79B757; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #93c577; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #6cab49; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(121, 183, 87, 0.05); - color: rgba(121, 183, 87, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #79B757; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #87bf69; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #619942; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #79B757; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #79B757; - selected-background-color: #79B757; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #79B757; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(206, 229, 194, 0.3); - box-shadow: 0 0 2px 2px #b2d69e; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #79B757; - -pie-background-color: rgba(235, 244, 230, 0.3); -} - -.select-area-rubberband { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(121, 183, 87, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #79B757; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #79B757; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #79B757; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #79B757; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #7eb95e; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #79B757; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #7eb95e; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #7eb95e; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #79B757; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #87bf69; - background-color: #79B757; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #79B757; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #79B757; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-grey.css b/src/main/gnome-shell/gnome-shell-dark-solid-grey.css deleted file mode 100644 index 48c21234..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-grey.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(140, 140, 140, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(140, 140, 140, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #848484; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #8C8C8C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #8C8C8C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #a3a3a3; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #7f7f7f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(140, 140, 140, 0.05); - color: rgba(140, 140, 140, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #8C8C8C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #999999; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #737373; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #8C8C8C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #8C8C8C; - selected-background-color: #8C8C8C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #8C8C8C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(217, 217, 217, 0.3); - box-shadow: 0 0 2px 2px #bfbfbf; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #8C8C8C; - -pie-background-color: rgba(242, 242, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(140, 140, 140, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #8C8C8C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #8C8C8C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #8C8C8C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #8C8C8C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #909090; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #8C8C8C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #909090; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #909090; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #8C8C8C; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #999999; - background-color: #8C8C8C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #8C8C8C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #8C8C8C; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-orange.css b/src/main/gnome-shell/gnome-shell-dark-solid-orange.css deleted file mode 100644 index d6e4462f..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-orange.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(233, 135, 58, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(233, 135, 58, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e77f2c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E9873A; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E9873A; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eea063; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e67923; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(233, 135, 58, 0.05); - color: rgba(233, 135, 58, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #E9873A; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f1b17f; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #ec9551; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #d86c18; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E9873A; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E9873A; - selected-background-color: #E9873A; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E9873A; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(248, 219, 196, 0.3); - box-shadow: 0 0 2px 2px #f3bf96; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E9873A; - -pie-background-color: rgba(253, 247, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(233, 135, 58, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E9873A; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #E9873A; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E9873A; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E9873A; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e88b42; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E9873A; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e88b42; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e88b42; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E9873A; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #ec9551; - background-color: #E9873A; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E9873A; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #E9873A; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f1b17f; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-pink.css b/src/main/gnome-shell/gnome-shell-dark-solid-pink.css deleted file mode 100644 index d23ec8f6..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-pink.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(229, 94, 156, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(229, 94, 156, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e35194; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E55E9C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E55E9C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eb86b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e1488f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(229, 94, 156, 0.05); - color: rgba(229, 94, 156, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #E55E9C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #e974aa; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #de3281; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E55E9C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E55E9C; - selected-background-color: #E55E9C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E55E9C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(250, 226, 237, 0.3); - box-shadow: 0 0 2px 2px #f3b6d2; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E55E9C; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(229, 94, 156, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E55E9C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #E55E9C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E55E9C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E55E9C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e5649f; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E55E9C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e5649f; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e5649f; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E55E9C; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #e974aa; - background-color: #E55E9C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E55E9C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #E55E9C; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-purple.css b/src/main/gnome-shell/gnome-shell-dark-solid-purple.css deleted file mode 100644 index 80f373cf..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-purple.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(154, 87, 163, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(154, 87, 163, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #915299; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #9A57A3; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #9A57A3; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #ad73b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #8a4e92; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(154, 87, 163, 0.05); - color: rgba(154, 87, 163, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #9A57A3; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #b987bf; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #a566ad; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #7b4582; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #9A57A3; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #9A57A3; - selected-background-color: #9A57A3; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #9A57A3; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(214, 185, 218, 0.3); - box-shadow: 0 0 2px 2px #c298c8; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #9A57A3; - -pie-background-color: rgba(233, 218, 236, 0.3); -} - -.select-area-rubberband { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(154, 87, 163, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #9A57A3; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #9A57A3; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #9A57A3; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #9A57A3; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #9d5ea6; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #9A57A3; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #9d5ea6; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #9d5ea6; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #9A57A3; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #a566ad; - background-color: #9A57A3; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #9A57A3; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #9A57A3; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b987bf; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-red.css b/src/main/gnome-shell/gnome-shell-dark-solid-red.css deleted file mode 100644 index 63f0699f..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-red.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(237, 95, 93, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(237, 95, 93, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #eb514f; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #ED5F5D; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #ED5F5D; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f28886; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #ea4846; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(237, 95, 93, 0.05); - color: rgba(237, 95, 93, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #ED5F5D; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f07674; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #e8322f; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #ED5F5D; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #ED5F5D; - selected-background-color: #ED5F5D; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #ED5F5D; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(252, 231, 231, 0.3); - box-shadow: 0 0 2px 2px #f7bab9; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #ED5F5D; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(237, 95, 93, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #ED5F5D; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #ED5F5D; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #ED5F5D; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #ED5F5D; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #ec6563; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #ED5F5D; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #ec6563; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #ec6563; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #ED5F5D; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f07674; - background-color: #ED5F5D; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #ED5F5D; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #ED5F5D; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-yellow.css b/src/main/gnome-shell/gnome-shell-dark-solid-yellow.css deleted file mode 100644 index 9f27e65b..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-yellow.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(243, 186, 75, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(243, 186, 75, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #f2b53d; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #F3BA4B; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #F3BA4B; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f6ca76; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #f1b133; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(243, 186, 75, 0.05); - color: rgba(243, 186, 75, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #F3BA4B; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f8d593; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f5c363; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #f0a81b; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #F3BA4B; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #F3BA4B; - selected-background-color: #F3BA4B; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #F3BA4B; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(253, 241, 218, 0.3); - box-shadow: 0 0 2px 2px #f9dfab; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #F3BA4B; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(243, 186, 75, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #F3BA4B; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #F3BA4B; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #F3BA4B; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #F3BA4B; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #f2bc52; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #F3BA4B; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #f2bc52; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #f2bc52; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #F3BA4B; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f5c363; - background-color: #F3BA4B; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #F3BA4B; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #F3BA4B; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f8d593; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid.css b/src/main/gnome-shell/gnome-shell-dark-solid.css deleted file mode 100644 index 1900123e..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(8, 96, 242, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(8, 96, 242, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #085ae3; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #0860F2; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #0860F2; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #307bf8; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #0756d9; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(8, 96, 242, 0.05); - color: rgba(8, 96, 242, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #0860F2; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #1c6ff7; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #064cc1; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #0860F2; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #0860F2; - selected-background-color: #0860F2; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #0860F2; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(151, 189, 252, 0.3); - box-shadow: 0 0 2px 2px #669efa; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #0860F2; - -pie-background-color: rgba(201, 221, 253, 0.3); -} - -.select-area-rubberband { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(8, 96, 242, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #0860F2; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #0860F2; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #0860F2; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #0860F2; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #1366f1; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #0860F2; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #1366f1; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #1366f1; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #0860F2; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #1c6ff7; - background-color: #0860F2; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #0860F2; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #0860F2; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-yellow.css b/src/main/gnome-shell/gnome-shell-dark-yellow.css deleted file mode 100644 index eb187157..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-yellow.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(243, 186, 75, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(243, 186, 75, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #f2b53d; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #F3BA4B; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #F3BA4B; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f6ca76; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #f1b133; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(243, 186, 75, 0.05); - color: rgba(243, 186, 75, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #F3BA4B; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f8d593; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f5c363; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #f0a81b; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #F3BA4B; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #F3BA4B; - selected-background-color: #F3BA4B; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #F3BA4B; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(253, 241, 218, 0.3); - box-shadow: 0 0 2px 2px #f9dfab; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #F3BA4B; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(243, 186, 75, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #F3BA4B; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #F3BA4B; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #F3BA4B; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #F3BA4B; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #f2bc52; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #F3BA4B; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #f2bc52; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #f2bc52; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #F3BA4B; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f5c363; - background-color: #F3BA4B; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #F3BA4B; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #F3BA4B; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f8d593; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark.css b/src/main/gnome-shell/gnome-shell-dark.css deleted file mode 100644 index 4047219a..00000000 --- a/src/main/gnome-shell/gnome-shell-dark.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(8, 96, 242, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(8, 96, 242, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #085ae3; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #0860F2; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #0860F2; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #307bf8; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #0756d9; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(8, 96, 242, 0.05); - color: rgba(8, 96, 242, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #0860F2; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #1c6ff7; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #064cc1; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #0860F2; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #0860F2; - selected-background-color: #0860F2; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #0860F2; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(151, 189, 252, 0.3); - box-shadow: 0 0 2px 2px #669efa; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #0860F2; - -pie-background-color: rgba(201, 221, 253, 0.3); -} - -.select-area-rubberband { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(8, 96, 242, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #0860F2; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #0860F2; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #0860F2; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #0860F2; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #1366f1; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #0860F2; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #1366f1; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #1366f1; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #0860F2; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #1c6ff7; - background-color: #0860F2; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #0860F2; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #0860F2; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-blue.css b/src/main/gnome-shell/gnome-shell-light-alt-blue.css deleted file mode 100644 index 9a280191..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt-blue.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(46, 124, 247, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(46, 124, 247, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #1f73f6; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #2E7CF7; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #2E7CF7; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #5a98f9; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #156df6; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(46, 124, 247, 0.05); - color: rgba(46, 124, 247, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #2E7CF7; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #78aafa; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #478bf8; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #0960e9; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #2E7CF7; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #2E7CF7; - selected-background-color: #2E7CF7; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #2E7CF7; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(193, 216, 253, 0.3); - box-shadow: 0 0 2px 2px #90bafb; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #2E7CF7; - -pie-background-color: rgba(242, 247, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(46, 124, 247, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #2E7CF7; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #2E7CF7; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #2E7CF7; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #2E7CF7; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #2e78ec; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #2E7CF7; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #2e78ec; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #2e78ec; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #2E7CF7; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #478bf8; - background-color: #2E7CF7; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #2E7CF7; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #2E7CF7; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #78aafa; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-green.css b/src/main/gnome-shell/gnome-shell-light-alt-green.css deleted file mode 100644 index b4dbc0e9..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt-green.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(121, 183, 87, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(121, 183, 87, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #70b24c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #79B757; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #79B757; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #93c577; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #6cab49; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(121, 183, 87, 0.05); - color: rgba(121, 183, 87, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #79B757; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #87bf69; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #619942; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #79B757; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #79B757; - selected-background-color: #79B757; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #79B757; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(206, 229, 194, 0.3); - box-shadow: 0 0 2px 2px #b2d69e; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #79B757; - -pie-background-color: rgba(235, 244, 230, 0.3); -} - -.select-area-rubberband { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(121, 183, 87, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #79B757; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #79B757; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #79B757; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #79B757; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #75b054; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #79B757; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #75b054; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #75b054; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #79B757; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #87bf69; - background-color: #79B757; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #79B757; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #79B757; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-grey.css b/src/main/gnome-shell/gnome-shell-light-alt-grey.css deleted file mode 100644 index 30ab8048..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt-grey.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(140, 140, 140, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(140, 140, 140, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #848484; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #8C8C8C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #8C8C8C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #a3a3a3; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #7f7f7f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(140, 140, 140, 0.05); - color: rgba(140, 140, 140, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #8C8C8C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #999999; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #737373; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #8C8C8C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #8C8C8C; - selected-background-color: #8C8C8C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #8C8C8C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(217, 217, 217, 0.3); - box-shadow: 0 0 2px 2px #bfbfbf; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #8C8C8C; - -pie-background-color: rgba(242, 242, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(140, 140, 140, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #8C8C8C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #8C8C8C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #8C8C8C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #8C8C8C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #878787; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #8C8C8C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #878787; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #878787; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #8C8C8C; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #999999; - background-color: #8C8C8C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #8C8C8C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #8C8C8C; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-orange.css b/src/main/gnome-shell/gnome-shell-light-alt-orange.css deleted file mode 100644 index aba01e02..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt-orange.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(233, 135, 58, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(233, 135, 58, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e77f2c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E9873A; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E9873A; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eea063; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e67923; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(233, 135, 58, 0.05); - color: rgba(233, 135, 58, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #E9873A; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f1b17f; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #ec9551; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #d86c18; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E9873A; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E9873A; - selected-background-color: #E9873A; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E9873A; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(248, 219, 196, 0.3); - box-shadow: 0 0 2px 2px #f3bf96; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E9873A; - -pie-background-color: rgba(253, 247, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(233, 135, 58, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E9873A; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #E9873A; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E9873A; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E9873A; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #df8239; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E9873A; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #df8239; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #df8239; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E9873A; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #ec9551; - background-color: #E9873A; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E9873A; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #E9873A; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f1b17f; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-pink.css b/src/main/gnome-shell/gnome-shell-light-alt-pink.css deleted file mode 100644 index c86e1f64..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt-pink.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(229, 94, 156, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(229, 94, 156, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e35194; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E55E9C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E55E9C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eb86b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e1488f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(229, 94, 156, 0.05); - color: rgba(229, 94, 156, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #E55E9C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #e974aa; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #de3281; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E55E9C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E55E9C; - selected-background-color: #E55E9C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E55E9C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(250, 226, 237, 0.3); - box-shadow: 0 0 2px 2px #f3b6d2; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E55E9C; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(229, 94, 156, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E55E9C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #E55E9C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E55E9C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E55E9C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #db5b96; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E55E9C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #db5b96; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #db5b96; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E55E9C; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #e974aa; - background-color: #E55E9C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E55E9C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #E55E9C; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-purple.css b/src/main/gnome-shell/gnome-shell-light-alt-purple.css deleted file mode 100644 index 6d97407e..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt-purple.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(154, 87, 163, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(154, 87, 163, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #915299; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #9A57A3; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #9A57A3; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #ad73b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #8a4e92; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(154, 87, 163, 0.05); - color: rgba(154, 87, 163, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #9A57A3; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #b987bf; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #a566ad; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #7b4582; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #9A57A3; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #9A57A3; - selected-background-color: #9A57A3; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #9A57A3; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(214, 185, 218, 0.3); - box-shadow: 0 0 2px 2px #c298c8; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #9A57A3; - -pie-background-color: rgba(233, 218, 236, 0.3); -} - -.select-area-rubberband { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(154, 87, 163, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #9A57A3; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #9A57A3; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #9A57A3; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #9A57A3; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #94549d; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #9A57A3; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #94549d; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #94549d; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #9A57A3; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #a566ad; - background-color: #9A57A3; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #9A57A3; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #9A57A3; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b987bf; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-red.css b/src/main/gnome-shell/gnome-shell-light-alt-red.css deleted file mode 100644 index 4eaa23a3..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt-red.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(237, 95, 93, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(237, 95, 93, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #eb514f; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #ED5F5D; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #ED5F5D; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f28886; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #ea4846; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(237, 95, 93, 0.05); - color: rgba(237, 95, 93, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #ED5F5D; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f07674; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #e8322f; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #ED5F5D; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #ED5F5D; - selected-background-color: #ED5F5D; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #ED5F5D; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(252, 231, 231, 0.3); - box-shadow: 0 0 2px 2px #f7bab9; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #ED5F5D; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(237, 95, 93, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #ED5F5D; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #ED5F5D; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #ED5F5D; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #ED5F5D; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e35c5a; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #ED5F5D; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e35c5a; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e35c5a; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #ED5F5D; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f07674; - background-color: #ED5F5D; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #ED5F5D; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #ED5F5D; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-yellow.css b/src/main/gnome-shell/gnome-shell-light-alt-yellow.css deleted file mode 100644 index 0624ae19..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt-yellow.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(243, 186, 75, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(243, 186, 75, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #f2b53d; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #F3BA4B; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #F3BA4B; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f6ca76; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #f1b133; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(243, 186, 75, 0.05); - color: rgba(243, 186, 75, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #F3BA4B; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f8d593; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f5c363; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #f0a81b; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #F3BA4B; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #F3BA4B; - selected-background-color: #F3BA4B; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #F3BA4B; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(253, 241, 218, 0.3); - box-shadow: 0 0 2px 2px #f9dfab; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #F3BA4B; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(243, 186, 75, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #F3BA4B; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #F3BA4B; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #F3BA4B; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #F3BA4B; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e9b349; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #F3BA4B; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e9b349; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e9b349; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #F3BA4B; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f5c363; - background-color: #F3BA4B; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #F3BA4B; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #F3BA4B; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f8d593; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-alt.css b/src/main/gnome-shell/gnome-shell-light-alt.css deleted file mode 100644 index ba92996e..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(8, 96, 242, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(8, 96, 242, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #085ae3; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #0860F2; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #0860F2; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #307bf8; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #0756d9; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(8, 96, 242, 0.05); - color: rgba(8, 96, 242, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #0860F2; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #1c6ff7; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #064cc1; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #0860F2; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #0860F2; - selected-background-color: #0860F2; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #0860F2; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(151, 189, 252, 0.3); - box-shadow: 0 0 2px 2px #669efa; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #0860F2; - -pie-background-color: rgba(201, 221, 253, 0.3); -} - -.select-area-rubberband { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(8, 96, 242, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #0860F2; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #0860F2; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #0860F2; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #0860F2; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #095de8; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #0860F2; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #095de8; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #095de8; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #0860F2; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #1c6ff7; - background-color: #0860F2; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #0860F2; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #0860F2; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-blue.css b/src/main/gnome-shell/gnome-shell-light-blue.css deleted file mode 100644 index 02f8a69f..00000000 --- a/src/main/gnome-shell/gnome-shell-light-blue.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(46, 124, 247, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(46, 124, 247, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #1f73f6; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #2E7CF7; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #2E7CF7; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #5a98f9; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #156df6; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(46, 124, 247, 0.05); - color: rgba(46, 124, 247, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #2E7CF7; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #78aafa; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #478bf8; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #0960e9; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #2E7CF7; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #2E7CF7; - selected-background-color: #2E7CF7; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #2E7CF7; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(193, 216, 253, 0.3); - box-shadow: 0 0 2px 2px #90bafb; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #2E7CF7; - -pie-background-color: rgba(242, 247, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(46, 124, 247, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #2E7CF7; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #2E7CF7; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #2E7CF7; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #2E7CF7; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #2e78ec; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #2E7CF7; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #2e78ec; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #2e78ec; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #2E7CF7; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #478bf8; - background-color: #2E7CF7; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #2E7CF7; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #2E7CF7; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #78aafa; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-green.css b/src/main/gnome-shell/gnome-shell-light-green.css deleted file mode 100644 index b6fb3740..00000000 --- a/src/main/gnome-shell/gnome-shell-light-green.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(121, 183, 87, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(121, 183, 87, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #70b24c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #79B757; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #79B757; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #93c577; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #6cab49; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(121, 183, 87, 0.05); - color: rgba(121, 183, 87, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #79B757; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #87bf69; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #619942; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #79B757; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #79B757; - selected-background-color: #79B757; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #79B757; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(206, 229, 194, 0.3); - box-shadow: 0 0 2px 2px #b2d69e; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #79B757; - -pie-background-color: rgba(235, 244, 230, 0.3); -} - -.select-area-rubberband { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(121, 183, 87, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #79B757; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #79B757; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #79B757; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #79B757; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #75b054; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #79B757; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #75b054; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #75b054; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #79B757; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #87bf69; - background-color: #79B757; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #79B757; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #79B757; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-grey.css b/src/main/gnome-shell/gnome-shell-light-grey.css deleted file mode 100644 index f7f8a4bc..00000000 --- a/src/main/gnome-shell/gnome-shell-light-grey.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(140, 140, 140, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(140, 140, 140, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #848484; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #8C8C8C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #8C8C8C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #a3a3a3; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #7f7f7f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(140, 140, 140, 0.05); - color: rgba(140, 140, 140, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #8C8C8C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #999999; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #737373; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #8C8C8C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #8C8C8C; - selected-background-color: #8C8C8C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #8C8C8C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(217, 217, 217, 0.3); - box-shadow: 0 0 2px 2px #bfbfbf; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #8C8C8C; - -pie-background-color: rgba(242, 242, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(140, 140, 140, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #8C8C8C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #8C8C8C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #8C8C8C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #8C8C8C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #878787; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #8C8C8C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #878787; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #878787; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #8C8C8C; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #999999; - background-color: #8C8C8C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #8C8C8C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #8C8C8C; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-orange.css b/src/main/gnome-shell/gnome-shell-light-orange.css deleted file mode 100644 index fb4caf0c..00000000 --- a/src/main/gnome-shell/gnome-shell-light-orange.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(233, 135, 58, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(233, 135, 58, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e77f2c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E9873A; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E9873A; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eea063; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e67923; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(233, 135, 58, 0.05); - color: rgba(233, 135, 58, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #E9873A; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f1b17f; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #ec9551; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #d86c18; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E9873A; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E9873A; - selected-background-color: #E9873A; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E9873A; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(248, 219, 196, 0.3); - box-shadow: 0 0 2px 2px #f3bf96; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E9873A; - -pie-background-color: rgba(253, 247, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(233, 135, 58, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E9873A; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #E9873A; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E9873A; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E9873A; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #df8239; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E9873A; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #df8239; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #df8239; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E9873A; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #ec9551; - background-color: #E9873A; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E9873A; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #E9873A; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f1b17f; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-pink.css b/src/main/gnome-shell/gnome-shell-light-pink.css deleted file mode 100644 index 6fe644aa..00000000 --- a/src/main/gnome-shell/gnome-shell-light-pink.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(229, 94, 156, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(229, 94, 156, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e35194; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E55E9C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E55E9C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eb86b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e1488f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(229, 94, 156, 0.05); - color: rgba(229, 94, 156, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #E55E9C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #e974aa; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #de3281; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E55E9C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E55E9C; - selected-background-color: #E55E9C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E55E9C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(250, 226, 237, 0.3); - box-shadow: 0 0 2px 2px #f3b6d2; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E55E9C; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(229, 94, 156, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E55E9C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #E55E9C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E55E9C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E55E9C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #db5b96; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E55E9C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #db5b96; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #db5b96; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E55E9C; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #e974aa; - background-color: #E55E9C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E55E9C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #E55E9C; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-purple.css b/src/main/gnome-shell/gnome-shell-light-purple.css deleted file mode 100644 index ec4898fb..00000000 --- a/src/main/gnome-shell/gnome-shell-light-purple.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(154, 87, 163, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(154, 87, 163, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #915299; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #9A57A3; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #9A57A3; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #ad73b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #8a4e92; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(154, 87, 163, 0.05); - color: rgba(154, 87, 163, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #9A57A3; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #b987bf; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #a566ad; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #7b4582; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #9A57A3; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #9A57A3; - selected-background-color: #9A57A3; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #9A57A3; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(214, 185, 218, 0.3); - box-shadow: 0 0 2px 2px #c298c8; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #9A57A3; - -pie-background-color: rgba(233, 218, 236, 0.3); -} - -.select-area-rubberband { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(154, 87, 163, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #9A57A3; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #9A57A3; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #9A57A3; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #9A57A3; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #94549d; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #9A57A3; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #94549d; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #94549d; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #9A57A3; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #a566ad; - background-color: #9A57A3; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #9A57A3; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #9A57A3; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b987bf; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-red.css b/src/main/gnome-shell/gnome-shell-light-red.css deleted file mode 100644 index 84a74b26..00000000 --- a/src/main/gnome-shell/gnome-shell-light-red.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(237, 95, 93, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(237, 95, 93, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #eb514f; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #ED5F5D; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #ED5F5D; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f28886; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #ea4846; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(237, 95, 93, 0.05); - color: rgba(237, 95, 93, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #ED5F5D; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f07674; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #e8322f; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #ED5F5D; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #ED5F5D; - selected-background-color: #ED5F5D; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #ED5F5D; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(252, 231, 231, 0.3); - box-shadow: 0 0 2px 2px #f7bab9; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #ED5F5D; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(237, 95, 93, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #ED5F5D; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #ED5F5D; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #ED5F5D; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #ED5F5D; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e35c5a; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #ED5F5D; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e35c5a; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e35c5a; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #ED5F5D; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f07674; - background-color: #ED5F5D; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #ED5F5D; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #ED5F5D; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-blue.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-blue.css deleted file mode 100644 index a6e57e6c..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt-blue.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(46, 124, 247, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(46, 124, 247, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #1f73f6; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #2E7CF7; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #2E7CF7; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #5a98f9; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #156df6; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(46, 124, 247, 0.05); - color: rgba(46, 124, 247, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #2E7CF7; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #78aafa; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #478bf8; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #0960e9; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #2E7CF7; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #2E7CF7; - selected-background-color: #2E7CF7; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #2E7CF7; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(193, 216, 253, 0.3); - box-shadow: 0 0 2px 2px #90bafb; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #2E7CF7; - -pie-background-color: rgba(242, 247, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(46, 124, 247, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #2E7CF7; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #2E7CF7; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #2E7CF7; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #2E7CF7; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #2e78ec; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #2E7CF7; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #2e78ec; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #2e78ec; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #2E7CF7; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #478bf8; - background-color: #2E7CF7; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #2E7CF7; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #2E7CF7; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #78aafa; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-green.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-green.css deleted file mode 100644 index bec84092..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt-green.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(121, 183, 87, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(121, 183, 87, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #70b24c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #79B757; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #79B757; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #93c577; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #6cab49; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(121, 183, 87, 0.05); - color: rgba(121, 183, 87, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #79B757; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #87bf69; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #619942; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #79B757; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #79B757; - selected-background-color: #79B757; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #79B757; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(206, 229, 194, 0.3); - box-shadow: 0 0 2px 2px #b2d69e; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #79B757; - -pie-background-color: rgba(235, 244, 230, 0.3); -} - -.select-area-rubberband { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(121, 183, 87, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #79B757; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #79B757; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #79B757; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #79B757; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #75b054; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #79B757; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #75b054; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #75b054; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #79B757; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #87bf69; - background-color: #79B757; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #79B757; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #79B757; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-grey.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-grey.css deleted file mode 100644 index a5ba4e6a..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt-grey.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(140, 140, 140, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(140, 140, 140, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #848484; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #8C8C8C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #8C8C8C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #a3a3a3; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #7f7f7f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(140, 140, 140, 0.05); - color: rgba(140, 140, 140, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #8C8C8C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #999999; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #737373; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #8C8C8C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #8C8C8C; - selected-background-color: #8C8C8C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #8C8C8C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(217, 217, 217, 0.3); - box-shadow: 0 0 2px 2px #bfbfbf; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #8C8C8C; - -pie-background-color: rgba(242, 242, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(140, 140, 140, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #8C8C8C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #8C8C8C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #8C8C8C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #8C8C8C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #878787; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #8C8C8C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #878787; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #878787; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #8C8C8C; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #999999; - background-color: #8C8C8C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #8C8C8C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #8C8C8C; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-orange.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-orange.css deleted file mode 100644 index afc359c3..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt-orange.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(233, 135, 58, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(233, 135, 58, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e77f2c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E9873A; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E9873A; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eea063; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e67923; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(233, 135, 58, 0.05); - color: rgba(233, 135, 58, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #E9873A; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f1b17f; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #ec9551; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #d86c18; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E9873A; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E9873A; - selected-background-color: #E9873A; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E9873A; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(248, 219, 196, 0.3); - box-shadow: 0 0 2px 2px #f3bf96; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E9873A; - -pie-background-color: rgba(253, 247, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(233, 135, 58, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E9873A; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #E9873A; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E9873A; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E9873A; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #df8239; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E9873A; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #df8239; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #df8239; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E9873A; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #ec9551; - background-color: #E9873A; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E9873A; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #E9873A; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f1b17f; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-pink.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-pink.css deleted file mode 100644 index 5caa3be7..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt-pink.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(229, 94, 156, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(229, 94, 156, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e35194; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E55E9C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E55E9C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eb86b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e1488f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(229, 94, 156, 0.05); - color: rgba(229, 94, 156, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #E55E9C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #e974aa; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #de3281; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E55E9C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E55E9C; - selected-background-color: #E55E9C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E55E9C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(250, 226, 237, 0.3); - box-shadow: 0 0 2px 2px #f3b6d2; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E55E9C; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(229, 94, 156, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E55E9C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #E55E9C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E55E9C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E55E9C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #db5b96; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E55E9C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #db5b96; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #db5b96; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E55E9C; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #e974aa; - background-color: #E55E9C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E55E9C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #E55E9C; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-purple.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-purple.css deleted file mode 100644 index 58bff9ad..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt-purple.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(154, 87, 163, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(154, 87, 163, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #915299; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #9A57A3; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #9A57A3; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #ad73b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #8a4e92; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(154, 87, 163, 0.05); - color: rgba(154, 87, 163, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #9A57A3; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #b987bf; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #a566ad; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #7b4582; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #9A57A3; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #9A57A3; - selected-background-color: #9A57A3; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #9A57A3; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(214, 185, 218, 0.3); - box-shadow: 0 0 2px 2px #c298c8; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #9A57A3; - -pie-background-color: rgba(233, 218, 236, 0.3); -} - -.select-area-rubberband { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(154, 87, 163, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #9A57A3; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #9A57A3; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #9A57A3; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #9A57A3; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #94549d; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #9A57A3; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #94549d; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #94549d; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #9A57A3; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #a566ad; - background-color: #9A57A3; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #9A57A3; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #9A57A3; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b987bf; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-red.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-red.css deleted file mode 100644 index 27044c34..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt-red.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(237, 95, 93, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(237, 95, 93, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #eb514f; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #ED5F5D; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #ED5F5D; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f28886; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #ea4846; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(237, 95, 93, 0.05); - color: rgba(237, 95, 93, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #ED5F5D; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f07674; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #e8322f; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #ED5F5D; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #ED5F5D; - selected-background-color: #ED5F5D; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #ED5F5D; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(252, 231, 231, 0.3); - box-shadow: 0 0 2px 2px #f7bab9; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #ED5F5D; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(237, 95, 93, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #ED5F5D; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #ED5F5D; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #ED5F5D; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #ED5F5D; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e35c5a; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #ED5F5D; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e35c5a; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e35c5a; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #ED5F5D; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f07674; - background-color: #ED5F5D; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #ED5F5D; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #ED5F5D; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-yellow.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-yellow.css deleted file mode 100644 index afc359c3..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt-yellow.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(233, 135, 58, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(233, 135, 58, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e77f2c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E9873A; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E9873A; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eea063; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e67923; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(233, 135, 58, 0.05); - color: rgba(233, 135, 58, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #E9873A; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f1b17f; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #ec9551; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #d86c18; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E9873A; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E9873A; - selected-background-color: #E9873A; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E9873A; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(248, 219, 196, 0.3); - box-shadow: 0 0 2px 2px #f3bf96; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E9873A; - -pie-background-color: rgba(253, 247, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(233, 135, 58, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E9873A; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #E9873A; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E9873A; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E9873A; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #df8239; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E9873A; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #df8239; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #df8239; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E9873A; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #ec9551; - background-color: #E9873A; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E9873A; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #E9873A; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f1b17f; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt.css b/src/main/gnome-shell/gnome-shell-light-solid-alt.css deleted file mode 100644 index 3dc4add0..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(8, 96, 242, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(8, 96, 242, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #085ae3; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #0860F2; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #0860F2; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #307bf8; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #0756d9; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(8, 96, 242, 0.05); - color: rgba(8, 96, 242, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #0860F2; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #1c6ff7; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #064cc1; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #0860F2; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #0860F2; - selected-background-color: #0860F2; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #0860F2; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(151, 189, 252, 0.3); - box-shadow: 0 0 2px 2px #669efa; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #0860F2; - -pie-background-color: rgba(201, 221, 253, 0.3); -} - -.select-area-rubberband { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(8, 96, 242, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #0860F2; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #0860F2; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #0860F2; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #0860F2; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #095de8; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #0860F2; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #095de8; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #095de8; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #0860F2; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #1c6ff7; - background-color: #0860F2; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #0860F2; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #0860F2; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-blue.css b/src/main/gnome-shell/gnome-shell-light-solid-blue.css deleted file mode 100644 index a6e57e6c..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-blue.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(46, 124, 247, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(46, 124, 247, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #1f73f6; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #2E7CF7; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #2E7CF7; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #5a98f9; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #156df6; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(46, 124, 247, 0.05); - color: rgba(46, 124, 247, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #2E7CF7; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #78aafa; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #478bf8; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #0960e9; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #2E7CF7; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #2E7CF7; - selected-background-color: #2E7CF7; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #2E7CF7; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(193, 216, 253, 0.3); - box-shadow: 0 0 2px 2px #90bafb; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #2E7CF7; - -pie-background-color: rgba(242, 247, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(46, 124, 247, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #2E7CF7; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #2E7CF7; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #2E7CF7; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #2E7CF7; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #2e78ec; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #2E7CF7; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #2e78ec; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #2e78ec; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #2E7CF7; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #478bf8; - background-color: #2E7CF7; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #2E7CF7; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #2E7CF7; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #78aafa; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-green.css b/src/main/gnome-shell/gnome-shell-light-solid-green.css deleted file mode 100644 index bec84092..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-green.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(121, 183, 87, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(121, 183, 87, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #70b24c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #79B757; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #79B757; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #93c577; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #6cab49; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(121, 183, 87, 0.05); - color: rgba(121, 183, 87, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #79B757; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #87bf69; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #619942; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #79B757; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #79B757; - selected-background-color: #79B757; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #79B757; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(206, 229, 194, 0.3); - box-shadow: 0 0 2px 2px #b2d69e; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #79B757; - -pie-background-color: rgba(235, 244, 230, 0.3); -} - -.select-area-rubberband { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(121, 183, 87, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #79B757; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #79B757; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #79B757; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #79B757; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #75b054; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #79B757; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #75b054; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #75b054; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #79B757; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #87bf69; - background-color: #79B757; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #79B757; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #79B757; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-grey.css b/src/main/gnome-shell/gnome-shell-light-solid-grey.css deleted file mode 100644 index a5ba4e6a..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-grey.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(140, 140, 140, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(140, 140, 140, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #848484; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #8C8C8C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #8C8C8C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #a3a3a3; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #7f7f7f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(140, 140, 140, 0.05); - color: rgba(140, 140, 140, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #8C8C8C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #999999; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #737373; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #8C8C8C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #8C8C8C; - selected-background-color: #8C8C8C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #8C8C8C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(217, 217, 217, 0.3); - box-shadow: 0 0 2px 2px #bfbfbf; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #8C8C8C; - -pie-background-color: rgba(242, 242, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(140, 140, 140, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #8C8C8C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #8C8C8C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #8C8C8C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #8C8C8C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #878787; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #8C8C8C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #878787; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #878787; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #8C8C8C; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #999999; - background-color: #8C8C8C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #8C8C8C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #8C8C8C; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-orange.css b/src/main/gnome-shell/gnome-shell-light-solid-orange.css deleted file mode 100644 index afc359c3..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-orange.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(233, 135, 58, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(233, 135, 58, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e77f2c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E9873A; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E9873A; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eea063; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e67923; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(233, 135, 58, 0.05); - color: rgba(233, 135, 58, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #E9873A; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f1b17f; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #ec9551; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #d86c18; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E9873A; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E9873A; - selected-background-color: #E9873A; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E9873A; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(248, 219, 196, 0.3); - box-shadow: 0 0 2px 2px #f3bf96; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E9873A; - -pie-background-color: rgba(253, 247, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(233, 135, 58, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E9873A; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #E9873A; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E9873A; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E9873A; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #df8239; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E9873A; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #df8239; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #df8239; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E9873A; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #ec9551; - background-color: #E9873A; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E9873A; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #E9873A; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f1b17f; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-pink.css b/src/main/gnome-shell/gnome-shell-light-solid-pink.css deleted file mode 100644 index 5caa3be7..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-pink.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(229, 94, 156, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(229, 94, 156, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e35194; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E55E9C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E55E9C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eb86b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e1488f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(229, 94, 156, 0.05); - color: rgba(229, 94, 156, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #E55E9C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #e974aa; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #de3281; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E55E9C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E55E9C; - selected-background-color: #E55E9C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E55E9C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(250, 226, 237, 0.3); - box-shadow: 0 0 2px 2px #f3b6d2; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E55E9C; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(229, 94, 156, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E55E9C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #E55E9C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E55E9C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E55E9C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #db5b96; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E55E9C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #db5b96; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #db5b96; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E55E9C; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #e974aa; - background-color: #E55E9C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E55E9C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #E55E9C; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-purple.css b/src/main/gnome-shell/gnome-shell-light-solid-purple.css deleted file mode 100644 index 58bff9ad..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-purple.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(154, 87, 163, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(154, 87, 163, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #915299; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #9A57A3; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #9A57A3; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #ad73b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #8a4e92; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(154, 87, 163, 0.05); - color: rgba(154, 87, 163, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #9A57A3; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #b987bf; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #a566ad; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #7b4582; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #9A57A3; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #9A57A3; - selected-background-color: #9A57A3; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #9A57A3; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(214, 185, 218, 0.3); - box-shadow: 0 0 2px 2px #c298c8; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #9A57A3; - -pie-background-color: rgba(233, 218, 236, 0.3); -} - -.select-area-rubberband { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(154, 87, 163, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #9A57A3; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #9A57A3; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #9A57A3; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #9A57A3; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #94549d; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #9A57A3; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #94549d; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #94549d; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #9A57A3; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #a566ad; - background-color: #9A57A3; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #9A57A3; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #9A57A3; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b987bf; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-red.css b/src/main/gnome-shell/gnome-shell-light-solid-red.css deleted file mode 100644 index 27044c34..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-red.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(237, 95, 93, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(237, 95, 93, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #eb514f; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #ED5F5D; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #ED5F5D; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f28886; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #ea4846; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(237, 95, 93, 0.05); - color: rgba(237, 95, 93, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #ED5F5D; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f07674; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #e8322f; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #ED5F5D; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #ED5F5D; - selected-background-color: #ED5F5D; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #ED5F5D; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(252, 231, 231, 0.3); - box-shadow: 0 0 2px 2px #f7bab9; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #ED5F5D; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(237, 95, 93, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #ED5F5D; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #ED5F5D; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #ED5F5D; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #ED5F5D; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e35c5a; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #ED5F5D; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e35c5a; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e35c5a; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #ED5F5D; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f07674; - background-color: #ED5F5D; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #ED5F5D; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #ED5F5D; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-yellow.css b/src/main/gnome-shell/gnome-shell-light-solid-yellow.css deleted file mode 100644 index ea9502c7..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-yellow.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(243, 186, 75, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(243, 186, 75, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #f2b53d; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #F3BA4B; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #F3BA4B; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f6ca76; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #f1b133; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(243, 186, 75, 0.05); - color: rgba(243, 186, 75, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #F3BA4B; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f8d593; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f5c363; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #f0a81b; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #F3BA4B; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #F3BA4B; - selected-background-color: #F3BA4B; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #F3BA4B; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(253, 241, 218, 0.3); - box-shadow: 0 0 2px 2px #f9dfab; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #F3BA4B; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(243, 186, 75, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #F3BA4B; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #F3BA4B; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #F3BA4B; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #F3BA4B; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e9b349; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #F3BA4B; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e9b349; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e9b349; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #F3BA4B; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f5c363; - background-color: #F3BA4B; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #F3BA4B; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #F3BA4B; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f8d593; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid.css b/src/main/gnome-shell/gnome-shell-light-solid.css deleted file mode 100644 index 3dc4add0..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid.css +++ /dev/null @@ -1,4020 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(8, 96, 242, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(8, 96, 242, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #085ae3; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #0860F2; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #0860F2; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #307bf8; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #0756d9; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(8, 96, 242, 0.05); - color: rgba(8, 96, 242, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #0860F2; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #1c6ff7; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #064cc1; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #0860F2; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #0860F2; - selected-background-color: #0860F2; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #0860F2; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(151, 189, 252, 0.3); - box-shadow: 0 0 2px 2px #669efa; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #0860F2; - -pie-background-color: rgba(201, 221, 253, 0.3); -} - -.select-area-rubberband { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(8, 96, 242, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #0860F2; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #0860F2; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #0860F2; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #0860F2; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #095de8; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #0860F2; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #095de8; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #095de8; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #0860F2; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #1c6ff7; - background-color: #0860F2; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #0860F2; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #0860F2; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-yellow.css b/src/main/gnome-shell/gnome-shell-light-yellow.css deleted file mode 100644 index 938f80e6..00000000 --- a/src/main/gnome-shell/gnome-shell-light-yellow.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(243, 186, 75, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(243, 186, 75, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #f2b53d; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #F3BA4B; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #F3BA4B; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f6ca76; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #f1b133; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(243, 186, 75, 0.05); - color: rgba(243, 186, 75, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #F3BA4B; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f8d593; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f5c363; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #f0a81b; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #F3BA4B; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #F3BA4B; - selected-background-color: #F3BA4B; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #F3BA4B; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(253, 241, 218, 0.3); - box-shadow: 0 0 2px 2px #f9dfab; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #F3BA4B; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(243, 186, 75, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #F3BA4B; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #F3BA4B; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #F3BA4B; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #F3BA4B; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e9b349; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #F3BA4B; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e9b349; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e9b349; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #F3BA4B; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f5c363; - background-color: #F3BA4B; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #F3BA4B; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #F3BA4B; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f8d593; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light.css b/src/main/gnome-shell/gnome-shell-light.css deleted file mode 100644 index 25a6b095..00000000 --- a/src/main/gnome-shell/gnome-shell-light.css +++ /dev/null @@ -1,4016 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-content, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; - box-shadow: 3px 3px 8px -3px rgba(0, 0, 0, 0.65); -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - text-align: center; -} - -.calendar-day { - border-width: 0; -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; -} - -.calendar-today { - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.world-clocks-button .world-clocks-time:ltr { - text-align: right; -} - -.world-clocks-button .world-clocks-time:rtl { - text-align: left; -} - -.world-clocks-button .world-clocks-timezone { - color: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -.message-list-controls { - margin: 8px 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 0 4px 6px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(8, 96, 242, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(8, 96, 242, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #085ae3; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #0860F2; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #0860F2; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #307bf8; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #0756d9; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(8, 96, 242, 0.05); - color: rgba(8, 96, 242, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - font-weight: bold; -} - -.dialog-list .dialog-list-scrollview { - max-height: 200px; -} - -.dialog-list .dialog-list-box { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item { - spacing: 1em; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { - font-weight: bold; -} - -.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.prompt-dialog { - width: 28em; -} - -.prompt-dialog .modal-dialog-content-box { - margin-bottom: 24px; -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry { - width: auto; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { - margin-left: 20px; -} - -.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { - margin-right: 20px; -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #0860F2; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #1c6ff7; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #064cc1; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #0860F2; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #0860F2; - selected-background-color: #0860F2; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: #F27835; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #0860F2; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:ltr .user-widget { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl .user-widget { - padding-left: 1em; -} - -.login-dialog-user-list-item:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(151, 189, 252, 0.3); - box-shadow: 0 0 2px 2px #669efa; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #0860F2; - -pie-background-color: rgba(201, 221, 253, 0.3); -} - -.select-area-rubberband { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(8, 96, 242, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #0860F2; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #0860F2; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #0860F2; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.pad-osd-window { - padding: 32px; - background-color: rgba(0, 0, 0, 0.6); -} - -.pad-osd-window .pad-osd-title-box { - spacing: 12px; -} - -.pad-osd-window .pad-osd-title-menu-box { - spacing: 6px; -} - -.combo-box-label { - width: 15em; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #0860F2; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px 4px 12px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #095de8; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #0860F2; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #095de8; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #095de8; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #0860F2; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - height: 1px; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; - height: 1px; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #1c6ff7; - background-color: #0860F2; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 12px; - background-color: transparent; -} - -.candidate-popup-content { - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 2px 8px; - padding: 6px; - spacing: 4px; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - padding: 0.3em 0.5em 0.3em 0.5em; - margin-right: 2px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.candidate-box:last-child { - margin-right: 0; -} - -.candidate-page-button-box { - height: 2em; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button { - padding: 4px; -} - -.candidate-page-button-previous, -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; -} - -.unlock-dialog-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.unlock-dialog-notifications-container .notification, -.unlock-dialog-notifications-container .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #0860F2; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #0860F2; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-pop-theme.gresource.xml b/src/main/gnome-shell/gnome-shell-pop-theme.gresource.xml deleted file mode 100644 index 0b155b5c..00000000 --- a/src/main/gnome-shell/gnome-shell-pop-theme.gresource.xml +++ /dev/null @@ -1,40 +0,0 @@ - - - - assets/calendar-arrow-left.svg - assets/calendar-arrow-right.svg - assets/calendar-today.svg - assets/checkbox.svg - assets/checkbox-off.svg - assets/dash-placeholder.svg - assets/more-results.svg - assets/noise-texture.svg - assets/toggle-off.svg - assets/toggle-on.svg - assets/window-close.svg - assets/window-close-hover.svg - assets/window-close-active.svg - assets/activities.svg - assets/view-app-grid.svg - assets/background.jpg - icons/scalable/actions/color-pick.svg - icons/scalable/status/eye-not-looking-symbolic.svg - icons/scalable/status/eye-open-negative-filled-symbolic.svg - icons/scalable/status/keyboard-caps-lock-filled-symbolic.svg - icons/scalable/status/keyboard-enter-symbolic.svg - icons/scalable/status/keyboard-hide-symbolic.svg - icons/scalable/status/keyboard-layout-filled-symbolic.svg - icons/scalable/status/keyboard-shift-filled-symbolic.svg - icons/scalable/status/message-indicator-symbolic.svg - icons/scalable/actions/pointer-double-click-symbolic.svg - icons/scalable/actions/pointer-drag-symbolic.svg - icons/scalable/actions/pointer-primary-click-symbolic.svg - icons/scalable/actions/pointer-secondary-click-symbolic.svg - gnome-shell.css - gdm3.css - pad-osd.css - no-events.svg - no-notifications.svg - process-working.svg - - diff --git a/src/main/gnome-shell/gnome-shell-theme.gresource.xml b/src/main/gnome-shell/gnome-shell-theme.gresource.xml index 0b155b5c..4474173e 100644 --- a/src/main/gnome-shell/gnome-shell-theme.gresource.xml +++ b/src/main/gnome-shell/gnome-shell-theme.gresource.xml @@ -16,7 +16,7 @@ assets/window-close-active.svg assets/activities.svg assets/view-app-grid.svg - assets/background.jpg + assets/background.png icons/scalable/actions/color-pick.svg icons/scalable/status/eye-not-looking-symbolic.svg icons/scalable/status/eye-open-negative-filled-symbolic.svg @@ -31,7 +31,9 @@ icons/scalable/actions/pointer-primary-click-symbolic.svg icons/scalable/actions/pointer-secondary-click-symbolic.svg gnome-shell.css - gdm3.css + gnome-shell.css + gnome-shell.css + gnome-shell.css pad-osd.css no-events.svg no-notifications.svg diff --git a/src/main/gnome-shell/gnome-shell-yaru-theme.gresource.xml b/src/main/gnome-shell/gnome-shell-yaru-theme.gresource.xml deleted file mode 100644 index 1e4aea3c..00000000 --- a/src/main/gnome-shell/gnome-shell-yaru-theme.gresource.xml +++ /dev/null @@ -1,41 +0,0 @@ - - - - assets/calendar-arrow-left.svg - assets/calendar-arrow-right.svg - assets/calendar-today.svg - assets/checkbox.svg - assets/checkbox-off.svg - assets/dash-placeholder.svg - assets/more-results.svg - assets/noise-texture.svg - assets/toggle-off.svg - assets/toggle-on.svg - assets/window-close.svg - assets/window-close-hover.svg - assets/window-close-active.svg - assets/activities.svg - assets/view-app-grid.svg - assets/background.jpg - icons/scalable/actions/color-pick.svg - icons/scalable/status/eye-not-looking-symbolic.svg - icons/scalable/status/eye-open-negative-filled-symbolic.svg - icons/scalable/status/keyboard-caps-lock-filled-symbolic.svg - icons/scalable/status/keyboard-enter-symbolic.svg - icons/scalable/status/keyboard-hide-symbolic.svg - icons/scalable/status/keyboard-layout-filled-symbolic.svg - icons/scalable/status/keyboard-shift-filled-symbolic.svg - icons/scalable/status/message-indicator-symbolic.svg - icons/scalable/actions/pointer-double-click-symbolic.svg - icons/scalable/actions/pointer-drag-symbolic.svg - icons/scalable/actions/pointer-primary-click-symbolic.svg - icons/scalable/actions/pointer-secondary-click-symbolic.svg - Yaru/gnome-shell.css - Yaru-dark/gnome-shell.css - gdm3.css - pad-osd.css - no-events.svg - no-notifications.svg - process-working.svg - - diff --git a/src/main/gtk-3.0/gtk-dark-blue.css b/src/main/gtk-3.0/gtk-dark-blue.css deleted file mode 100644 index 93b0076e..00000000 --- a/src/main/gtk-3.0/gtk-dark-blue.css +++ /dev/null @@ -1,10658 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #2E7CF7; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #2E7CF7; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #2E7CF7; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #0960e9; - background-color: rgba(9, 96, 233, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #2E7CF7; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - 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: #2E7CF7; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #5f9bf9; - background-color: #2E7CF7; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #2E7CF7; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #2E7CF7; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - 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.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#2E7CF7), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #2E7CF7; - border-color: rgba(0, 0, 0, 0.15); - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(46, 124, 247, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #2E7CF7; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -.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 { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #abcbfc; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #eaf2fe; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #d5e5fd; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #d5e5fd; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(120, 170, 250, 0.75); - box-shadow: inset 0 0 0 1px rgba(120, 170, 250, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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: rgba(120, 170, 250, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.15); -} - -.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: rgba(120, 170, 250, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(120, 170, 250, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #2E7CF7; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 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; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #78aafa; - border-color: #649ef9; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #78aafa; - color: rgba(255, 255, 255, 0.6); - border-color: #649ef9; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #78aafa; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #2E7CF7; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #2E7CF7; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.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: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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: #2E7CF7; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #97befb; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #82b0fa; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #86adeb; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #c0d8fd; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #2E7CF7; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #2E7CF7; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #2E7CF7; -} - -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: white; - background-color: #2E7CF7; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(51, 51, 51, 0.95); - border: 1px solid rgba(66, 66, 66, 0.95); -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #2E7CF7; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(66, 66, 66, 0.95); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: rgba(60, 60, 60, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, 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 #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 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: #aaaaaa; -} - -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.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, rgba(46, 124, 247, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #dae8fe 0%, #a9c9fc 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: -7px; -} - -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: 6px; - 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: #2E7CF7; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #a1c4fb; -} - -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: 6px; - background-color: #2E7CF7; -} - -scale highlight:disabled { - background-color: rgba(46, 124, 247, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(46, 124, 247, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #e0ebfe; - border-color: #e0ebfe; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #97befb; - border-color: #97befb; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #a1c4fb; - border-color: #a1c4fb; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #2E7CF7; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - 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: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #2E7CF7; - background-color: #2E7CF7; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #2E7CF7; - background-color: #2E7CF7; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 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(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 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(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 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(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #2E7CF7; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -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: #2E7CF7; -} - -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: #dadada; -} - -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, #2E7CF7, #2E7CF7); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #2E7CF7; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #2E7CF7; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #2E7CF7; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -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: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.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: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@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("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@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("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@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("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@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("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #2E7CF7; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #97befb; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #90bafb; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #2E7CF7; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #2E7CF7; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(51, 51, 51, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #d5e5fd; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(46, 124, 247, 0.8); - border-color: rgba(9, 96, 233, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #2E7CF7; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #478bf8; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(139, 139, 139, 0.975); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #2E7CF7; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #2E7CF7; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #313131; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #2E7CF7; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #dedede; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #2E7CF7; -} - -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: white; - background-color: #2E7CF7; - 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; -} - -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) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - 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; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #2E7CF7; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #2E7CF7; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#2E7CF7); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #2E7CF7; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#25282f); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#252d39); - color: #2E7CF7; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#2E7CF7); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(46, 124, 247, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #2E7CF7; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #90bafb; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #2E7CF7; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #4288f8; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #1a70f6; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(120, 170, 250, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(120, 170, 250, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #373737; -} - -tabbox { - background-color: #1e1e1e; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -tabbox > tab:checked { - border-top-color: #373737; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(51, 51, 51, 0.95); - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - 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: #2E7CF7; - border-color: #2E7CF7; -} - -#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(29, 29, 29, 0.9); -} - -#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: white; - background-color: #2E7CF7; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #2E7CF7; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-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 > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.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 > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -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: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -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: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.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: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - 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 { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - 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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #2E7CF7; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: black; -} - -.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: white; -} - -.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: gray; - background-color: rgba(0, 0, 0, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(13, 13, 13, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #90bafb; - background-color: #2E7CF7; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(38, 38, 38, 0.95); -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #2E7CF7; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(0, 0, 0, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #2E7CF7; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #2E7CF7; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #2E7CF7; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -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 .entry { - border-radius: 6px; - 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: #78aafa; - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(51, 51, 51, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #2E7CF7; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(51, 51, 51, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(51, 51, 51, 0.95)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(46, 124, 247, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #2E7CF7; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #2E7CF7; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #2E7CF7; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(0, 0, 0, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(0, 0, 0, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #2E7CF7; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(0, 0, 0, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #2E7CF7; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #2E7CF7; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #2E7CF7; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -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: #2E7CF7; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -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(0, 0, 0, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); - 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: #2E7CF7; - border-color: #2E7CF7; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -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 { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-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 { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #2E7CF7; -} - -.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: #2E7CF7; - color: white; - 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: white; - color: #2E7CF7; -} - -.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 * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #2E7CF7; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#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 #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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 { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(51, 51, 51, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #2E7CF7; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(71, 71, 71, 0.95); - border-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #2E7CF7; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.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 100ms 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #478bf8; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(46, 124, 247, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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(0, 0, 0, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #2E7CF7; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.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), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#2E7CF7); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#2E7CF7); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#2E7CF7); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#2E7CF7); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(31, 31, 31, 0.95); - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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 scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(51, 51, 51, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #2E7CF7; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 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: #2E7CF7; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(46, 124, 247, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(46, 124, 247, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #2E7CF7; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(36, 36, 36, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #333333; - border: 1px solid rgba(77, 77, 77, 0.95); -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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 rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #2E7CF7; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #2E7CF7; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@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 #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #2E7CF7; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #2E7CF7; -@define-color budgie_tasklist_indicator_color_active #2E7CF7; -@define-color budgie_tasklist_indicator_color_active_window rgba(43, 115, 230, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-green.css b/src/main/gtk-3.0/gtk-dark-green.css deleted file mode 100644 index d4d6c500..00000000 --- a/src/main/gtk-3.0/gtk-dark-green.css +++ /dev/null @@ -1,10658 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #79B757; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #79B757; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #79B757; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #619942; - background-color: rgba(97, 153, 66, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #79B757; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - 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: #79B757; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #95c67b; - background-color: #79B757; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #79B757; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #79B757; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - 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.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#79B757), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #79B757; - border-color: rgba(0, 0, 0, 0.15); - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(121, 183, 87, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #79B757; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -.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 { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #c9e2bc; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f2f8ee; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #e4f1dd; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #e4f1dd; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(164, 206, 141, 0.75); - box-shadow: inset 0 0 0 1px rgba(164, 206, 141, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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: rgba(164, 206, 141, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.15); -} - -.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: rgba(164, 206, 141, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(164, 206, 141, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #79B757; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 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; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #a4ce8d; - border-color: #98c87e; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #a4ce8d; - color: rgba(255, 255, 255, 0.6); - border-color: #98c87e; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #a4ce8d; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #79B757; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #79B757; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.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: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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: #79B757; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #bcdbab; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #afd49a; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #accb9b; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #d7e9cd; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #79B757; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #79B757; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #79B757; -} - -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: white; - background-color: #79B757; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(51, 51, 51, 0.95); - border: 1px solid rgba(66, 66, 66, 0.95); -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #79B757; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(66, 66, 66, 0.95); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: rgba(60, 60, 60, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, 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 #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 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: #aaaaaa; -} - -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.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, rgba(121, 183, 87, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #ddedd4 0%, #c0ddb0 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: -7px; -} - -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: 6px; - 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: #79B757; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #c3dfb3; -} - -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: 6px; - background-color: #79B757; -} - -scale highlight:disabled { - background-color: rgba(121, 183, 87, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(121, 183, 87, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #ebf4e6; - border-color: #ebf4e6; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #bcdbab; - border-color: #bcdbab; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #c3dfb3; - border-color: #c3dfb3; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #79B757; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - 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: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #79B757; - background-color: #79B757; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #79B757; - background-color: #79B757; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 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(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 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(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 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(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #79B757; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -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: #79B757; -} - -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: #dadada; -} - -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, #79B757, #79B757); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #79B757; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #79B757; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #79B757; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -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: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.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: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@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("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@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("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@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("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@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("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #79B757; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #bcdbab; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #b2d69e; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #79B757; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #79B757; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(51, 51, 51, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #e4f1dd; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(121, 183, 87, 0.8); - border-color: rgba(97, 153, 66, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #79B757; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #87bf69; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(139, 139, 139, 0.975); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #79B757; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #79B757; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #313131; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #79B757; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #dedede; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #79B757; -} - -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: white; - background-color: #79B757; - 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; -} - -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) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - 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; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #79B757; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #79B757; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#79B757); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #79B757; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#282b27); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#2d3329); - color: #79B757; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#79B757); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(121, 183, 87, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #79B757; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #b2d69e; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #79B757; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #84bd65; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #6eaf4b; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(164, 206, 141, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(164, 206, 141, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #373737; -} - -tabbox { - background-color: #1e1e1e; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -tabbox > tab:checked { - border-top-color: #373737; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(51, 51, 51, 0.95); - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - 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: #79B757; - border-color: #79B757; -} - -#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(29, 29, 29, 0.9); -} - -#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: white; - background-color: #79B757; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #79B757; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-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 > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.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 > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -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: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -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: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.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: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - 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 { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - 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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #79B757; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: black; -} - -.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: white; -} - -.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: gray; - background-color: rgba(0, 0, 0, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(13, 13, 13, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #b2d69e; - background-color: #79B757; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(38, 38, 38, 0.95); -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #79B757; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(0, 0, 0, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #79B757; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #79B757; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #79B757; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -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 .entry { - border-radius: 6px; - 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: #a4ce8d; - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(51, 51, 51, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #79B757; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(51, 51, 51, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(51, 51, 51, 0.95)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(121, 183, 87, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #79B757; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #79B757; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #79B757; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(0, 0, 0, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(0, 0, 0, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #79B757; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(0, 0, 0, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #79B757; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #79B757; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #79B757; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -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: #79B757; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -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(0, 0, 0, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #79B757, #79B757); - 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: #79B757; - border-color: #79B757; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -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 { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-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 { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #79B757; -} - -.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: #79B757; - color: white; - 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: white; - color: #79B757; -} - -.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 * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #79B757; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#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 #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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 { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(51, 51, 51, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #79B757; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(71, 71, 71, 0.95); - border-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #79B757; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.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 100ms 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #87bf69; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(121, 183, 87, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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(0, 0, 0, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #79B757; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.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), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#79B757); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#79B757); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#79B757); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#79B757); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(31, 31, 31, 0.95); - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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 scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(51, 51, 51, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #79B757; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 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: #79B757; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(121, 183, 87, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(121, 183, 87, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #79B757; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(36, 36, 36, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #333333; - border: 1px solid rgba(77, 77, 77, 0.95); -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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 rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #79B757; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #79B757; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@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 #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #79B757; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #79B757; -@define-color budgie_tasklist_indicator_color_active #79B757; -@define-color budgie_tasklist_indicator_color_active_window rgba(113, 170, 81, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-grey.css b/src/main/gtk-3.0/gtk-dark-grey.css deleted file mode 100644 index d28b9a48..00000000 --- a/src/main/gtk-3.0/gtk-dark-grey.css +++ /dev/null @@ -1,10658 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #8C8C8C; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #8C8C8C; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #8C8C8C; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #737373; - background-color: rgba(115, 115, 115, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #8C8C8C; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - 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: #8C8C8C; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #a6a6a6; - background-color: #8C8C8C; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #8C8C8C; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #8C8C8C; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - 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.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#8C8C8C), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #8C8C8C; - border-color: rgba(0, 0, 0, 0.15); - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(140, 140, 140, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #8C8C8C; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -.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 { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #d1d1d1; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f4f4f4; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #e8e8e8; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #e8e8e8; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(178, 178, 178, 0.75); - box-shadow: inset 0 0 0 1px rgba(178, 178, 178, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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: rgba(178, 178, 178, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.15); -} - -.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: rgba(178, 178, 178, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(178, 178, 178, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #8C8C8C; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 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; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #b2b2b2; - border-color: #a8a8a8; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #b2b2b2; - color: rgba(255, 255, 255, 0.6); - border-color: #a8a8a8; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #b2b2b2; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #8C8C8C; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #8C8C8C; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.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: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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: #8C8C8C; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #c6c6c6; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #bababa; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #b5b5b5; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #dddddd; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #8C8C8C; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #8C8C8C; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #8C8C8C; -} - -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: white; - background-color: #8C8C8C; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(51, 51, 51, 0.95); - border: 1px solid rgba(66, 66, 66, 0.95); -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #8C8C8C; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(66, 66, 66, 0.95); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: rgba(60, 60, 60, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, 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 #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 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: #aaaaaa; -} - -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.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, rgba(140, 140, 140, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #e5e5e5 0%, #cccccc 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: -7px; -} - -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: 6px; - 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: #8C8C8C; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #cbcbcb; -} - -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: 6px; - background-color: #8C8C8C; -} - -scale highlight:disabled { - background-color: rgba(140, 140, 140, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(140, 140, 140, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #eeeeee; - border-color: #eeeeee; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #c6c6c6; - border-color: #c6c6c6; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #cbcbcb; - border-color: #cbcbcb; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #8C8C8C; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - 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: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #8C8C8C; - background-color: #8C8C8C; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #8C8C8C; - background-color: #8C8C8C; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 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(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 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(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 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(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #8C8C8C; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -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: #8C8C8C; -} - -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: #dadada; -} - -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, #8C8C8C, #8C8C8C); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #8C8C8C; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #8C8C8C; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #8C8C8C; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -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: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.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: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@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("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@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("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@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("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@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("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #8C8C8C; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #c6c6c6; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #bfbfbf; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #8C8C8C; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #8C8C8C; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(51, 51, 51, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #e8e8e8; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(140, 140, 140, 0.8); - border-color: rgba(115, 115, 115, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #8C8C8C; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #999999; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(139, 139, 139, 0.975); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #8C8C8C; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #8C8C8C; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #313131; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #8C8C8C; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #dedede; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #8C8C8C; -} - -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: white; - background-color: #8C8C8C; - 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; -} - -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) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - 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; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #8C8C8C; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #8C8C8C; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#8C8C8C); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #8C8C8C; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#292929); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#2e2e2e); - color: #8C8C8C; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#8C8C8C); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(140, 140, 140, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #8C8C8C; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #bfbfbf; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #8C8C8C; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #969696; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #828282; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(178, 178, 178, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(178, 178, 178, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #373737; -} - -tabbox { - background-color: #1e1e1e; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -tabbox > tab:checked { - border-top-color: #373737; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(51, 51, 51, 0.95); - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - 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: #8C8C8C; - border-color: #8C8C8C; -} - -#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(29, 29, 29, 0.9); -} - -#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: white; - background-color: #8C8C8C; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #8C8C8C; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-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 > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.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 > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -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: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -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: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.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: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - 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 { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - 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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #8C8C8C; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: black; -} - -.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: white; -} - -.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: gray; - background-color: rgba(0, 0, 0, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(13, 13, 13, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #bfbfbf; - background-color: #8C8C8C; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(38, 38, 38, 0.95); -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #8C8C8C; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(0, 0, 0, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #8C8C8C; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #8C8C8C; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #8C8C8C; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -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 .entry { - border-radius: 6px; - 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: #b2b2b2; - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(51, 51, 51, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #8C8C8C; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(51, 51, 51, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(51, 51, 51, 0.95)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(140, 140, 140, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #8C8C8C; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #8C8C8C; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #8C8C8C; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(0, 0, 0, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(0, 0, 0, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #8C8C8C; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(0, 0, 0, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #8C8C8C; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #8C8C8C; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #8C8C8C; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -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: #8C8C8C; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -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(0, 0, 0, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); - 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: #8C8C8C; - border-color: #8C8C8C; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -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 { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-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 { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #8C8C8C; -} - -.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: #8C8C8C; - color: white; - 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: white; - color: #8C8C8C; -} - -.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 * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #8C8C8C; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#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 #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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 { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(51, 51, 51, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #8C8C8C; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(71, 71, 71, 0.95); - border-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #8C8C8C; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.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 100ms 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #999999; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(140, 140, 140, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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(0, 0, 0, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #8C8C8C; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.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), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#8C8C8C); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#8C8C8C); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#8C8C8C); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#8C8C8C); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(31, 31, 31, 0.95); - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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 scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(51, 51, 51, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #8C8C8C; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 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: #8C8C8C; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(140, 140, 140, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(140, 140, 140, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #8C8C8C; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(36, 36, 36, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #333333; - border: 1px solid rgba(77, 77, 77, 0.95); -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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 rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #8C8C8C; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #8C8C8C; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@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 #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #8C8C8C; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #8C8C8C; -@define-color budgie_tasklist_indicator_color_active #8C8C8C; -@define-color budgie_tasklist_indicator_color_active_window rgba(130, 130, 130, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-orange.css b/src/main/gtk-3.0/gtk-dark-orange.css deleted file mode 100644 index 5eda48b4..00000000 --- a/src/main/gtk-3.0/gtk-dark-orange.css +++ /dev/null @@ -1,10658 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #E9873A; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #E9873A; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #E9873A; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #d86c18; - background-color: rgba(216, 108, 24, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #E9873A; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - 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: #E9873A; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #eea368; - background-color: #E9873A; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #E9873A; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #E9873A; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - 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.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E9873A), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #E9873A; - border-color: rgba(0, 0, 0, 0.15); - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(233, 135, 58, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #E9873A; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -.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 { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #f6cfb0; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fdf3eb; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fbe7d8; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fbe7d8; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(241, 177, 127, 0.75); - box-shadow: inset 0 0 0 1px rgba(241, 177, 127, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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: rgba(241, 177, 127, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.15); -} - -.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: rgba(241, 177, 127, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(241, 177, 127, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #E9873A; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 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; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f1b17f; - border-color: #efa66c; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f1b17f; - color: rgba(255, 255, 255, 0.6); - border-color: #efa66c; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f1b17f; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #E9873A; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #E9873A; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.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: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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: #E9873A; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f4c39d; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #f2b789; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #e4b38c; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #f8dbc4; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #E9873A; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #E9873A; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #E9873A; -} - -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: white; - background-color: #E9873A; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(51, 51, 51, 0.95); - border: 1px solid rgba(66, 66, 66, 0.95); -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #E9873A; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(66, 66, 66, 0.95); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: rgba(60, 60, 60, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, 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 #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 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: #aaaaaa; -} - -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.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, rgba(233, 135, 58, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fbe9db 0%, #f6cdad 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: -7px; -} - -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: 6px; - 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: #E9873A; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #f5c9a6; -} - -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: 6px; - background-color: #E9873A; -} - -scale highlight:disabled { - background-color: rgba(233, 135, 58, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(233, 135, 58, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fcede1; - border-color: #fcede1; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f4c39d; - border-color: #f4c39d; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #f5c9a6; - border-color: #f5c9a6; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #E9873A; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - 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: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #E9873A; - background-color: #E9873A; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #E9873A; - background-color: #E9873A; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 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(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 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(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 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(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #E9873A; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -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: #E9873A; -} - -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: #dadada; -} - -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, #E9873A, #E9873A); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #E9873A; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #E9873A; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #E9873A; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -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: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.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: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@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("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@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("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@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("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@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("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #E9873A; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f4c39d; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #f3bf96; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #E9873A; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #E9873A; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(51, 51, 51, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fbe7d8; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(233, 135, 58, 0.8); - border-color: rgba(216, 108, 24, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #E9873A; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #ec9551; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(139, 139, 139, 0.975); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #E9873A; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #E9873A; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #313131; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #E9873A; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #dedede; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #E9873A; -} - -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: white; - background-color: #E9873A; - 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; -} - -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) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - 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; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #E9873A; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #E9873A; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#E9873A); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #E9873A; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#2e2925); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#382e26); - color: #E9873A; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#E9873A); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(233, 135, 58, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #E9873A; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f3bf96; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #E9873A; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #eb924c; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #e77c28; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(241, 177, 127, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(241, 177, 127, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #373737; -} - -tabbox { - background-color: #1e1e1e; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -tabbox > tab:checked { - border-top-color: #373737; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(51, 51, 51, 0.95); - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - 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: #E9873A; - border-color: #E9873A; -} - -#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(29, 29, 29, 0.9); -} - -#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: white; - background-color: #E9873A; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #E9873A; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-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 > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.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 > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -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: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -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: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.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: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - 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 { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - 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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #E9873A; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: black; -} - -.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: white; -} - -.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: gray; - background-color: rgba(0, 0, 0, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(13, 13, 13, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f3bf96; - background-color: #E9873A; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(38, 38, 38, 0.95); -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #E9873A; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(0, 0, 0, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #E9873A; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #E9873A; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #E9873A; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -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 .entry { - border-radius: 6px; - 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: #f1b17f; - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(51, 51, 51, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #E9873A; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(51, 51, 51, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(51, 51, 51, 0.95)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(233, 135, 58, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E9873A; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E9873A; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #E9873A; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(0, 0, 0, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(0, 0, 0, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #E9873A; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(0, 0, 0, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #E9873A; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #E9873A; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #E9873A; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -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: #E9873A; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -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(0, 0, 0, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #E9873A, #E9873A); - 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: #E9873A; - border-color: #E9873A; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -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 { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-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 { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #E9873A; -} - -.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: #E9873A; - color: white; - 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: white; - color: #E9873A; -} - -.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 * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #E9873A; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#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 #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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 { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(51, 51, 51, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #E9873A; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(71, 71, 71, 0.95); - border-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #E9873A; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.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 100ms 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #ec9551; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(233, 135, 58, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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(0, 0, 0, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #E9873A; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.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), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#E9873A); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#E9873A); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#E9873A); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#E9873A); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(31, 31, 31, 0.95); - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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 scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(51, 51, 51, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #E9873A; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 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: #E9873A; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(233, 135, 58, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(233, 135, 58, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #E9873A; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(36, 36, 36, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #333333; - border: 1px solid rgba(77, 77, 77, 0.95); -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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 rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #E9873A; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #E9873A; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@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 #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #E9873A; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #E9873A; -@define-color budgie_tasklist_indicator_color_active #E9873A; -@define-color budgie_tasklist_indicator_color_active_window rgba(217, 126, 54, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-pink.css b/src/main/gtk-3.0/gtk-dark-pink.css deleted file mode 100644 index e4b257b1..00000000 --- a/src/main/gtk-3.0/gtk-dark-pink.css +++ /dev/null @@ -1,10658 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #E55E9C; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #E55E9C; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #E55E9C; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #de3281; - background-color: rgba(222, 50, 129, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #E55E9C; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - 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: #E55E9C; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #ec8ab7; - background-color: #E55E9C; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #E55E9C; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #E55E9C; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - 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.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E55E9C), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #E55E9C; - border-color: rgba(0, 0, 0, 0.15); - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(229, 94, 156, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #E55E9C; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -.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 { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #f5bfd7; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fceff5; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fadfeb; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fadfeb; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(240, 160, 197, 0.75); - box-shadow: inset 0 0 0 1px rgba(240, 160, 197, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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: rgba(240, 160, 197, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.15); -} - -.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: rgba(240, 160, 197, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(240, 160, 197, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #E55E9C; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 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; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f0a0c5; - border-color: #ed8eba; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f0a0c5; - color: rgba(255, 255, 255, 0.6); - border-color: #ed8eba; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f0a0c5; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #E55E9C; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #E55E9C; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.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: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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: #E55E9C; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f2afce; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #ef9ec4; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #e29ebd; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #f7cfe1; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #E55E9C; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #E55E9C; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #E55E9C; -} - -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: white; - background-color: #E55E9C; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(51, 51, 51, 0.95); - border: 1px solid rgba(66, 66, 66, 0.95); -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #E55E9C; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(66, 66, 66, 0.95); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: rgba(60, 60, 60, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, 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 #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 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: #aaaaaa; -} - -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.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, rgba(229, 94, 156, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fef8fb 0%, #f7cce0 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: -7px; -} - -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: 6px; - 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: #E55E9C; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #f3b7d2; -} - -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: 6px; - background-color: #E55E9C; -} - -scale highlight:disabled { - background-color: rgba(229, 94, 156, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(229, 94, 156, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fbe7f0; - border-color: #fbe7f0; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f2afce; - border-color: #f2afce; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #f3b7d2; - border-color: #f3b7d2; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #E55E9C; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - 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: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #E55E9C; - background-color: #E55E9C; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #E55E9C; - background-color: #E55E9C; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 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(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 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(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 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(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #E55E9C; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -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: #E55E9C; -} - -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: #dadada; -} - -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, #E55E9C, #E55E9C); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #E55E9C; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #E55E9C; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #E55E9C; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -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: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.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: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@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("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@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("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@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("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@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("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #E55E9C; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f2afce; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #f3b6d2; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #E55E9C; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #E55E9C; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(51, 51, 51, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fadfeb; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(229, 94, 156, 0.8); - border-color: rgba(222, 50, 129, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #E55E9C; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #e974aa; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(139, 139, 139, 0.975); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #E55E9C; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #E55E9C; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #313131; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #E55E9C; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #dedede; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #E55E9C; -} - -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: white; - background-color: #E55E9C; - 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; -} - -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) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - 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; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #E55E9C; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #E55E9C; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#E55E9C); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #E55E9C; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#2e272a); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#372a30); - color: #E55E9C; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#E55E9C); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(229, 94, 156, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #E55E9C; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f3b6d2; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #E55E9C; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #e870a7; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #e24c91; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(240, 160, 197, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(240, 160, 197, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #373737; -} - -tabbox { - background-color: #1e1e1e; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -tabbox > tab:checked { - border-top-color: #373737; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(51, 51, 51, 0.95); - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - 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: #E55E9C; - border-color: #E55E9C; -} - -#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(29, 29, 29, 0.9); -} - -#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: white; - background-color: #E55E9C; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #E55E9C; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-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 > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.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 > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -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: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -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: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.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: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - 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 { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - 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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #E55E9C; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: black; -} - -.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: white; -} - -.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: gray; - background-color: rgba(0, 0, 0, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(13, 13, 13, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f3b6d2; - background-color: #E55E9C; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(38, 38, 38, 0.95); -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #E55E9C; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(0, 0, 0, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #E55E9C; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #E55E9C; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #E55E9C; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -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 .entry { - border-radius: 6px; - 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: #f0a0c5; - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(51, 51, 51, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #E55E9C; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(51, 51, 51, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(51, 51, 51, 0.95)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(229, 94, 156, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E55E9C; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E55E9C; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #E55E9C; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(0, 0, 0, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(0, 0, 0, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #E55E9C; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(0, 0, 0, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #E55E9C; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #E55E9C; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #E55E9C; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -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: #E55E9C; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -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(0, 0, 0, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); - 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: #E55E9C; - border-color: #E55E9C; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -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 { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-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 { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #E55E9C; -} - -.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: #E55E9C; - color: white; - 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: white; - color: #E55E9C; -} - -.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 * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #E55E9C; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#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 #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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 { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(51, 51, 51, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #E55E9C; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(71, 71, 71, 0.95); - border-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #E55E9C; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.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 100ms 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #e974aa; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(229, 94, 156, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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(0, 0, 0, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #E55E9C; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.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), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#E55E9C); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#E55E9C); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#E55E9C); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#E55E9C); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(31, 31, 31, 0.95); - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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 scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(51, 51, 51, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #E55E9C; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 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: #E55E9C; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(229, 94, 156, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(229, 94, 156, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #E55E9C; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(36, 36, 36, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #333333; - border: 1px solid rgba(77, 77, 77, 0.95); -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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 rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #E55E9C; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #E55E9C; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@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 #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #E55E9C; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #E55E9C; -@define-color budgie_tasklist_indicator_color_active #E55E9C; -@define-color budgie_tasklist_indicator_color_active_window rgba(213, 88, 145, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-purple.css b/src/main/gtk-3.0/gtk-dark-purple.css deleted file mode 100644 index 8374e2f6..00000000 --- a/src/main/gtk-3.0/gtk-dark-purple.css +++ /dev/null @@ -1,10658 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #9A57A3; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #9A57A3; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #9A57A3; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #7b4582; - background-color: rgba(123, 69, 130, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #9A57A3; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - 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: #9A57A3; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #af77b6; - background-color: #9A57A3; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #9A57A3; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #9A57A3; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - 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.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#9A57A3), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #9A57A3; - border-color: rgba(0, 0, 0, 0.15); - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(154, 87, 163, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #9A57A3; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -.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 { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #d7bcda; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f5eef6; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #ebdded; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #ebdded; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(185, 135, 191, 0.75); - box-shadow: inset 0 0 0 1px rgba(185, 135, 191, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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: rgba(185, 135, 191, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.15); -} - -.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: rgba(185, 135, 191, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(185, 135, 191, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #9A57A3; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 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; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #b987bf; - border-color: #b17ab8; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #b987bf; - color: rgba(255, 255, 255, 0.6); - border-color: #b17ab8; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #b987bf; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #9A57A3; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #9A57A3; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.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: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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: #9A57A3; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #cdabd1; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #c29ac8; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #bc9bc1; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #e1cde3; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #9A57A3; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #9A57A3; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #9A57A3; -} - -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: white; - background-color: #9A57A3; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(51, 51, 51, 0.95); - border: 1px solid rgba(66, 66, 66, 0.95); -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #9A57A3; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(66, 66, 66, 0.95); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: rgba(60, 60, 60, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, 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 #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 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: #aaaaaa; -} - -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.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, rgba(154, 87, 163, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #e0cae3 0%, #cca9d1 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: -7px; -} - -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: 6px; - 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: #9A57A3; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #d2b3d6; -} - -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: 6px; - background-color: #9A57A3; -} - -scale highlight:disabled { - background-color: rgba(154, 87, 163, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(154, 87, 163, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #f0e6f1; - border-color: #f0e6f1; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #cdabd1; - border-color: #cdabd1; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #d2b3d6; - border-color: #d2b3d6; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #9A57A3; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - 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: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #9A57A3; - background-color: #9A57A3; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #9A57A3; - background-color: #9A57A3; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 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(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 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(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 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(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #9A57A3; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -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: #9A57A3; -} - -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: #dadada; -} - -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, #9A57A3, #9A57A3); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #9A57A3; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #9A57A3; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #9A57A3; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -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: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.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: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@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("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@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("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@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("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@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("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #9A57A3; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #cdabd1; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #c298c8; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #9A57A3; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #9A57A3; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(51, 51, 51, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #ebdded; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(154, 87, 163, 0.8); - border-color: rgba(123, 69, 130, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #9A57A3; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #a566ad; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(139, 139, 139, 0.975); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #9A57A3; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #9A57A3; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #313131; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #9A57A3; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #dedede; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #9A57A3; -} - -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: white; - background-color: #9A57A3; - 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; -} - -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) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - 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; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #9A57A3; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #9A57A3; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#9A57A3); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #9A57A3; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#2a272a); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#302931); - color: #9A57A3; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#9A57A3); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(154, 87, 163, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #9A57A3; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #c298c8; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #9A57A3; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #a363ac; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #8d5096; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(185, 135, 191, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(185, 135, 191, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #373737; -} - -tabbox { - background-color: #1e1e1e; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -tabbox > tab:checked { - border-top-color: #373737; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(51, 51, 51, 0.95); - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - 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: #9A57A3; - border-color: #9A57A3; -} - -#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(29, 29, 29, 0.9); -} - -#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: white; - background-color: #9A57A3; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #9A57A3; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-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 > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.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 > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -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: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -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: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.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: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - 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 { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - 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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #9A57A3; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: black; -} - -.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: white; -} - -.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: gray; - background-color: rgba(0, 0, 0, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(13, 13, 13, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #c298c8; - background-color: #9A57A3; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(38, 38, 38, 0.95); -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #9A57A3; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(0, 0, 0, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #9A57A3; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #9A57A3; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #9A57A3; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -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 .entry { - border-radius: 6px; - 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: #b987bf; - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(51, 51, 51, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #9A57A3; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(51, 51, 51, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(51, 51, 51, 0.95)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(154, 87, 163, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #9A57A3; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #9A57A3; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #9A57A3; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(0, 0, 0, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(0, 0, 0, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #9A57A3; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(0, 0, 0, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #9A57A3; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #9A57A3; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #9A57A3; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -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: #9A57A3; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -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(0, 0, 0, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); - 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: #9A57A3; - border-color: #9A57A3; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -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 { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-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 { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #9A57A3; -} - -.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: #9A57A3; - color: white; - 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: white; - color: #9A57A3; -} - -.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 * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #9A57A3; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#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 #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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 { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(51, 51, 51, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #9A57A3; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(71, 71, 71, 0.95); - border-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #9A57A3; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.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 100ms 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #a566ad; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(154, 87, 163, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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(0, 0, 0, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #9A57A3; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.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), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#9A57A3); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#9A57A3); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#9A57A3); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#9A57A3); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(31, 31, 31, 0.95); - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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 scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(51, 51, 51, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #9A57A3; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 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: #9A57A3; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(154, 87, 163, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(154, 87, 163, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #9A57A3; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(36, 36, 36, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #333333; - border: 1px solid rgba(77, 77, 77, 0.95); -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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 rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #9A57A3; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #9A57A3; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@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 #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #9A57A3; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #9A57A3; -@define-color budgie_tasklist_indicator_color_active #9A57A3; -@define-color budgie_tasklist_indicator_color_active_window rgba(143, 81, 152, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-red.css b/src/main/gtk-3.0/gtk-dark-red.css deleted file mode 100644 index 1ba61527..00000000 --- a/src/main/gtk-3.0/gtk-dark-red.css +++ /dev/null @@ -1,10658 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #ED5F5D; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #ED5F5D; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #ED5F5D; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #e8322f; - background-color: rgba(232, 50, 47, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #ED5F5D; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - 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: #ED5F5D; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #f28c8b; - background-color: #ED5F5D; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #ED5F5D; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #ED5F5D; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - 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.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#ED5F5D), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #ED5F5D; - border-color: rgba(0, 0, 0, 0.15); - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(237, 95, 93, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #ED5F5D; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -.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 { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #f8bfbe; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fdefef; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fbdfdf; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fbdfdf; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(245, 163, 162, 0.75); - box-shadow: inset 0 0 0 1px rgba(245, 163, 162, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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: rgba(245, 163, 162, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.15); -} - -.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: rgba(245, 163, 162, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(245, 163, 162, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #ED5F5D; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 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; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f5a3a2; - border-color: #f3918f; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f5a3a2; - color: rgba(255, 255, 255, 0.6); - border-color: #f3918f; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f5a3a2; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #ED5F5D; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #ED5F5D; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.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: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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: #ED5F5D; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f6afae; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #f49f9e; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #e69f9e; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #facfce; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #ED5F5D; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #ED5F5D; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #ED5F5D; -} - -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: white; - background-color: #ED5F5D; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(51, 51, 51, 0.95); - border: 1px solid rgba(66, 66, 66, 0.95); -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #ED5F5D; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(66, 66, 66, 0.95); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: rgba(60, 60, 60, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, 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 #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 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: #aaaaaa; -} - -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.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, rgba(237, 95, 93, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fffefe 0%, #fad0d0 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: -7px; -} - -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: 6px; - 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: #ED5F5D; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #f7b7b6; -} - -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: 6px; - background-color: #ED5F5D; -} - -scale highlight:disabled { - background-color: rgba(237, 95, 93, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(237, 95, 93, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fce7e7; - border-color: #fce7e7; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f6afae; - border-color: #f6afae; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #f7b7b6; - border-color: #f7b7b6; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #ED5F5D; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - 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: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #ED5F5D; - background-color: #ED5F5D; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #ED5F5D; - background-color: #ED5F5D; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 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(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 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(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 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(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #ED5F5D; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -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: #ED5F5D; -} - -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: #dadada; -} - -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, #ED5F5D, #ED5F5D); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #ED5F5D; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #ED5F5D; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #ED5F5D; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -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: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.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: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@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("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@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("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@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("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@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("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #ED5F5D; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f6afae; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #f7bab9; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #ED5F5D; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #ED5F5D; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(51, 51, 51, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fbdfdf; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(237, 95, 93, 0.8); - border-color: rgba(232, 50, 47, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #ED5F5D; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #f07674; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(139, 139, 139, 0.975); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #ED5F5D; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #ED5F5D; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #313131; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #ED5F5D; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #dedede; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #ED5F5D; -} - -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: white; - background-color: #ED5F5D; - 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; -} - -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) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - 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; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #ED5F5D; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #ED5F5D; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#ED5F5D); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #ED5F5D; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#2e2727); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#382a2a); - color: #ED5F5D; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#ED5F5D); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(237, 95, 93, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #ED5F5D; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f7bab9; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #ED5F5D; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #ef716f; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #eb4d4b; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(245, 163, 162, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(245, 163, 162, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #373737; -} - -tabbox { - background-color: #1e1e1e; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -tabbox > tab:checked { - border-top-color: #373737; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(51, 51, 51, 0.95); - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - 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: #ED5F5D; - border-color: #ED5F5D; -} - -#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(29, 29, 29, 0.9); -} - -#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: white; - background-color: #ED5F5D; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #ED5F5D; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-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 > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.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 > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -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: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -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: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.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: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - 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 { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - 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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #ED5F5D; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: black; -} - -.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: white; -} - -.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: gray; - background-color: rgba(0, 0, 0, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(13, 13, 13, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f7bab9; - background-color: #ED5F5D; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(38, 38, 38, 0.95); -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #ED5F5D; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(0, 0, 0, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #ED5F5D; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #ED5F5D; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #ED5F5D; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -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 .entry { - border-radius: 6px; - 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: #f5a3a2; - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(51, 51, 51, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #ED5F5D; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(51, 51, 51, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(51, 51, 51, 0.95)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(237, 95, 93, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #ED5F5D; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #ED5F5D; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #ED5F5D; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(0, 0, 0, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(0, 0, 0, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #ED5F5D; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(0, 0, 0, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #ED5F5D; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #ED5F5D; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #ED5F5D; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -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: #ED5F5D; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -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(0, 0, 0, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); - 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: #ED5F5D; - border-color: #ED5F5D; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -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 { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-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 { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #ED5F5D; -} - -.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: #ED5F5D; - color: white; - 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: white; - color: #ED5F5D; -} - -.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 * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #ED5F5D; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#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 #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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 { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(51, 51, 51, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #ED5F5D; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(71, 71, 71, 0.95); - border-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #ED5F5D; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.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 100ms 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #f07674; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(237, 95, 93, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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(0, 0, 0, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #ED5F5D; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.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), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#ED5F5D); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#ED5F5D); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#ED5F5D); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#ED5F5D); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(31, 31, 31, 0.95); - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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 scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(51, 51, 51, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #ED5F5D; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 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: #ED5F5D; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(237, 95, 93, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(237, 95, 93, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #ED5F5D; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(36, 36, 36, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #333333; - border: 1px solid rgba(77, 77, 77, 0.95); -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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 rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #ED5F5D; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #ED5F5D; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@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 #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #ED5F5D; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #ED5F5D; -@define-color budgie_tasklist_indicator_color_active #ED5F5D; -@define-color budgie_tasklist_indicator_color_active_window rgba(221, 88, 87, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-blue.css b/src/main/gtk-3.0/gtk-dark-solid-blue.css deleted file mode 100644 index 3b22982c..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid-blue.css +++ /dev/null @@ -1,10663 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #2E7CF7; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #2E7CF7; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #2E7CF7; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #0960e9; - background-color: rgba(9, 96, 233, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #2E7CF7; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - 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: #2E7CF7; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: #2a2a2a; - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #5f9bf9; - background-color: #2E7CF7; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #2E7CF7; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #2E7CF7; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - 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.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#2E7CF7), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #2E7CF7; - border-color: rgba(0, 0, 0, 0.15); - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(46, 124, 247, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #2E7CF7; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -.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 { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #abcbfc; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #eaf2fe; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #d5e5fd; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #d5e5fd; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(120, 170, 250, 0.75); - box-shadow: inset 0 0 0 1px rgba(120, 170, 250, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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: rgba(120, 170, 250, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.15); -} - -.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: rgba(120, 170, 250, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(120, 170, 250, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #2E7CF7; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 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; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #78aafa; - border-color: #649ef9; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #78aafa; - color: rgba(255, 255, 255, 0.6); - border-color: #649ef9; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #78aafa; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #2E7CF7; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #2E7CF7; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.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: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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: #2E7CF7; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #97befb; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #82b0fa; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #86adeb; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #c0d8fd; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #2E7CF7; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #2E7CF7; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #2E7CF7; -} - -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: white; - background-color: #2E7CF7; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #333333; - border: 1px solid #424242; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #2E7CF7; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #333333; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid #424242; -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: #3c3c3c; -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, 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 #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 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: #aaaaaa; -} - -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.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, rgba(46, 124, 247, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #dae8fe 0%, #a9c9fc 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: -7px; -} - -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: 6px; - 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: #2E7CF7; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #a1c4fb; -} - -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: 6px; - background-color: #2E7CF7; -} - -scale highlight:disabled { - background-color: rgba(46, 124, 247, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(46, 124, 247, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #e0ebfe; - border-color: #e0ebfe; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #97befb; - border-color: #97befb; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #a1c4fb; - border-color: #a1c4fb; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #2E7CF7; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - 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: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #2E7CF7; - background-color: #2E7CF7; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #2E7CF7; - background-color: #2E7CF7; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 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(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 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(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 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(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #2E7CF7; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -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: #2E7CF7; -} - -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: #dadada; -} - -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, #2E7CF7, #2E7CF7); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #2E7CF7; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #2E7CF7; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #2E7CF7; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -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: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.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: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@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("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@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("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@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("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@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("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #2E7CF7; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #97befb; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #90bafb; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #2E7CF7; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #2E7CF7; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #333333; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #d5e5fd; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(46, 124, 247, 0.8); - border-color: rgba(9, 96, 233, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #2E7CF7; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #478bf8; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: #333333; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #878787; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #2E7CF7; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #2E7CF7; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #313131; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #2E7CF7; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #dedede; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #2E7CF7; -} - -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: white; - background-color: #2E7CF7; - 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; -} - -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) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - 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; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #2E7CF7; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #2E7CF7; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#2E7CF7); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #2E7CF7; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#25282f); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#252d39); - color: #2E7CF7; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#2E7CF7); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(46, 124, 247, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #2E7CF7; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #90bafb; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #2E7CF7; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #4288f8; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #1a70f6; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(120, 170, 250, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(120, 170, 250, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #373737; -} - -tabbox { - background-color: #1e1e1e; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -tabbox > tab:checked { - border-top-color: #373737; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - 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: #2E7CF7; - border-color: #2E7CF7; -} - -#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: #1d1d1d; -} - -#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: white; - background-color: #2E7CF7; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #2E7CF7; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-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 > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.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 > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -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: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -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: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.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: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - 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 { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - 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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #2E7CF7; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #2a2a2a; -} - -.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: #dadada; -} - -.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: #6d6d6d; - background-color: #111111; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #373737; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #90bafb; - background-color: #2E7CF7; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: #262626; -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #2E7CF7; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #dadada; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.3); -} - -.xfce4-panel.panel { - background-color: #2a2a2a; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: #2a2a2a; - color: #dadada; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #2E7CF7; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #2E7CF7; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #2E7CF7; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #333333; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -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 .entry { - border-radius: 6px; - 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: #78aafa; - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #333333; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #333333; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #2E7CF7; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #333333; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#333333); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(46, 124, 247, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #2E7CF7; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #2E7CF7; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #2E7CF7; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #dadada; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(42, 42, 42, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #dadada; -} - -.menubar.panel .panel.maximized { - background-color: rgba(42, 42, 42, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(42, 42, 42, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #2E7CF7; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #dadada; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #dadada; - border-radius: 2px; - color: #2a2a2a; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #2E7CF7; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #2E7CF7; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #2E7CF7; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -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: #2E7CF7; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -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(42, 42, 42, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #dddddd; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); - 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: #2E7CF7; - border-color: #2E7CF7; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -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 { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-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 { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #2E7CF7; -} - -.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: #2E7CF7; - color: white; - 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: white; - color: #2E7CF7; -} - -.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 * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #2a2a2a; - color: #dadada; - font-weight: bold; - box-shadow: inset 0 -1px #181818; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #dadada; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(218, 218, 218, 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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #2E7CF7; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#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 #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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 { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #333333; -} - -.raven button.linked:hover { - background-color: #404040; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #2E7CF7; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: #474747; - border-radius: 12px; - background-color: #333333; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #2E7CF7; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.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 100ms 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #478bf8; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(46, 124, 247, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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: #2a2a2a; - color: #dadada; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(42, 42, 42, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(218, 218, 218, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(218, 218, 218, 0.1); - color: rgba(218, 218, 218, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(218, 218, 218, 0.15); - color: #dadada; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(218, 218, 218, 0.12); - color: #dadada; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(218, 218, 218, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #dadada; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #2E7CF7; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.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), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#2E7CF7); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#2E7CF7); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#2E7CF7); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#2E7CF7); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #1f1f1f; - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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 scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: #333333; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #404040; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #2E7CF7; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 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: #2E7CF7; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(46, 124, 247, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(46, 124, 247, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #2E7CF7; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #242424; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #333333; - border: 1px solid #4d4d4d; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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 rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(218, 218, 218, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #2E7CF7; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #2E7CF7; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@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 #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #2E7CF7; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #2E7CF7; -@define-color budgie_tasklist_indicator_color_active #2E7CF7; -@define-color budgie_tasklist_indicator_color_active_window #2c5699; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-green.css b/src/main/gtk-3.0/gtk-dark-solid-green.css deleted file mode 100644 index e530c7cc..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid-green.css +++ /dev/null @@ -1,10663 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #79B757; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #79B757; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #79B757; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #619942; - background-color: rgba(97, 153, 66, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #79B757; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - 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: #79B757; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: #2a2a2a; - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #95c67b; - background-color: #79B757; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #79B757; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #79B757; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - 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.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#79B757), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #79B757; - border-color: rgba(0, 0, 0, 0.15); - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(121, 183, 87, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #79B757; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -.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 { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #c9e2bc; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f2f8ee; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #e4f1dd; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #e4f1dd; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(164, 206, 141, 0.75); - box-shadow: inset 0 0 0 1px rgba(164, 206, 141, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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: rgba(164, 206, 141, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.15); -} - -.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: rgba(164, 206, 141, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(164, 206, 141, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #79B757; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 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; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #a4ce8d; - border-color: #98c87e; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #a4ce8d; - color: rgba(255, 255, 255, 0.6); - border-color: #98c87e; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #a4ce8d; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #79B757; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #79B757; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.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: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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: #79B757; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #bcdbab; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #afd49a; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #accb9b; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #d7e9cd; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #79B757; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #79B757; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #79B757; -} - -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: white; - background-color: #79B757; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #333333; - border: 1px solid #424242; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #79B757; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #333333; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid #424242; -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: #3c3c3c; -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, 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 #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 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: #aaaaaa; -} - -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.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, rgba(121, 183, 87, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #ddedd4 0%, #c0ddb0 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: -7px; -} - -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: 6px; - 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: #79B757; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #c3dfb3; -} - -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: 6px; - background-color: #79B757; -} - -scale highlight:disabled { - background-color: rgba(121, 183, 87, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(121, 183, 87, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #ebf4e6; - border-color: #ebf4e6; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #bcdbab; - border-color: #bcdbab; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #c3dfb3; - border-color: #c3dfb3; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #79B757; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - 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: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #79B757; - background-color: #79B757; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #79B757; - background-color: #79B757; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 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(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 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(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 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(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #79B757; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -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: #79B757; -} - -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: #dadada; -} - -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, #79B757, #79B757); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #79B757; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #79B757; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #79B757; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -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: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.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: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@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("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@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("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@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("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@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("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #79B757; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #bcdbab; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #b2d69e; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #79B757; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #79B757; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #333333; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #e4f1dd; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(121, 183, 87, 0.8); - border-color: rgba(97, 153, 66, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #79B757; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #87bf69; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: #333333; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #878787; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #79B757; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #79B757; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #313131; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #79B757; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #dedede; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #79B757; -} - -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: white; - background-color: #79B757; - 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; -} - -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) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - 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; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #79B757; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #79B757; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#79B757); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #79B757; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#282b27); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#2d3329); - color: #79B757; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#79B757); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(121, 183, 87, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #79B757; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #b2d69e; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #79B757; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #84bd65; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #6eaf4b; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(164, 206, 141, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(164, 206, 141, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #373737; -} - -tabbox { - background-color: #1e1e1e; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -tabbox > tab:checked { - border-top-color: #373737; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - 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: #79B757; - border-color: #79B757; -} - -#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: #1d1d1d; -} - -#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: white; - background-color: #79B757; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #79B757; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-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 > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.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 > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -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: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -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: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.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: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - 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 { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - 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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #79B757; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #2a2a2a; -} - -.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: #dadada; -} - -.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: #6d6d6d; - background-color: #111111; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #373737; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #b2d69e; - background-color: #79B757; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: #262626; -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #79B757; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #dadada; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.3); -} - -.xfce4-panel.panel { - background-color: #2a2a2a; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: #2a2a2a; - color: #dadada; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #79B757; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #79B757; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #79B757; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #333333; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -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 .entry { - border-radius: 6px; - 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: #a4ce8d; - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #333333; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #333333; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #79B757; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #333333; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#333333); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(121, 183, 87, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #79B757; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #79B757; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #79B757; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #dadada; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(42, 42, 42, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #dadada; -} - -.menubar.panel .panel.maximized { - background-color: rgba(42, 42, 42, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(42, 42, 42, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #79B757; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #dadada; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #dadada; - border-radius: 2px; - color: #2a2a2a; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #79B757; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #79B757; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #79B757; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -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: #79B757; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -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(42, 42, 42, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #dddddd; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #79B757, #79B757); - 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: #79B757; - border-color: #79B757; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -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 { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-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 { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #79B757; -} - -.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: #79B757; - color: white; - 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: white; - color: #79B757; -} - -.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 * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #2a2a2a; - color: #dadada; - font-weight: bold; - box-shadow: inset 0 -1px #181818; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #dadada; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(218, 218, 218, 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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #79B757; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#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 #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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 { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #333333; -} - -.raven button.linked:hover { - background-color: #404040; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #79B757; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: #474747; - border-radius: 12px; - background-color: #333333; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #79B757; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.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 100ms 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #87bf69; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(121, 183, 87, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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: #2a2a2a; - color: #dadada; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(42, 42, 42, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(218, 218, 218, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(218, 218, 218, 0.1); - color: rgba(218, 218, 218, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(218, 218, 218, 0.15); - color: #dadada; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(218, 218, 218, 0.12); - color: #dadada; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(218, 218, 218, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #dadada; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #79B757; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.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), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#79B757); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#79B757); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#79B757); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#79B757); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #1f1f1f; - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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 scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: #333333; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #404040; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #79B757; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 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: #79B757; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(121, 183, 87, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(121, 183, 87, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #79B757; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #242424; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #333333; - border: 1px solid #4d4d4d; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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 rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(218, 218, 218, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #79B757; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #79B757; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@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 #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #79B757; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #79B757; -@define-color budgie_tasklist_indicator_color_active #79B757; -@define-color budgie_tasklist_indicator_color_active_window #557642; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-grey.css b/src/main/gtk-3.0/gtk-dark-solid-grey.css deleted file mode 100644 index 3efe769d..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid-grey.css +++ /dev/null @@ -1,10663 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #8C8C8C; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #8C8C8C; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #8C8C8C; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #737373; - background-color: rgba(115, 115, 115, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #8C8C8C; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - 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: #8C8C8C; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: #2a2a2a; - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #a6a6a6; - background-color: #8C8C8C; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #8C8C8C; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #8C8C8C; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - 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.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#8C8C8C), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #8C8C8C; - border-color: rgba(0, 0, 0, 0.15); - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(140, 140, 140, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #8C8C8C; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -.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 { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #d1d1d1; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f4f4f4; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #e8e8e8; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #e8e8e8; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(178, 178, 178, 0.75); - box-shadow: inset 0 0 0 1px rgba(178, 178, 178, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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: rgba(178, 178, 178, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.15); -} - -.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: rgba(178, 178, 178, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(178, 178, 178, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #8C8C8C; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 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; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #b2b2b2; - border-color: #a8a8a8; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #b2b2b2; - color: rgba(255, 255, 255, 0.6); - border-color: #a8a8a8; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #b2b2b2; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #8C8C8C; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #8C8C8C; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.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: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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: #8C8C8C; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #c6c6c6; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #bababa; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #b5b5b5; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #dddddd; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #8C8C8C; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #8C8C8C; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #8C8C8C; -} - -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: white; - background-color: #8C8C8C; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #333333; - border: 1px solid #424242; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #8C8C8C; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #333333; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid #424242; -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: #3c3c3c; -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, 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 #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 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: #aaaaaa; -} - -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.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, rgba(140, 140, 140, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #e5e5e5 0%, #cccccc 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: -7px; -} - -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: 6px; - 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: #8C8C8C; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #cbcbcb; -} - -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: 6px; - background-color: #8C8C8C; -} - -scale highlight:disabled { - background-color: rgba(140, 140, 140, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(140, 140, 140, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #eeeeee; - border-color: #eeeeee; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #c6c6c6; - border-color: #c6c6c6; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #cbcbcb; - border-color: #cbcbcb; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #8C8C8C; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - 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: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #8C8C8C; - background-color: #8C8C8C; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #8C8C8C; - background-color: #8C8C8C; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 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(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 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(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 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(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #8C8C8C; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -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: #8C8C8C; -} - -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: #dadada; -} - -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, #8C8C8C, #8C8C8C); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #8C8C8C; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #8C8C8C; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #8C8C8C; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -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: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.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: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@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("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@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("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@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("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@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("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #8C8C8C; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #c6c6c6; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #bfbfbf; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #8C8C8C; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #8C8C8C; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #333333; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #e8e8e8; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(140, 140, 140, 0.8); - border-color: rgba(115, 115, 115, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #8C8C8C; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #999999; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: #333333; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #878787; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #8C8C8C; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #8C8C8C; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #313131; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #8C8C8C; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #dedede; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #8C8C8C; -} - -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: white; - background-color: #8C8C8C; - 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; -} - -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) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - 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; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #8C8C8C; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #8C8C8C; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#8C8C8C); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #8C8C8C; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#292929); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#2e2e2e); - color: #8C8C8C; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#8C8C8C); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(140, 140, 140, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #8C8C8C; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #bfbfbf; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #8C8C8C; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #969696; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #828282; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(178, 178, 178, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(178, 178, 178, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #373737; -} - -tabbox { - background-color: #1e1e1e; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -tabbox > tab:checked { - border-top-color: #373737; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - 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: #8C8C8C; - border-color: #8C8C8C; -} - -#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: #1d1d1d; -} - -#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: white; - background-color: #8C8C8C; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #8C8C8C; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-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 > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.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 > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -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: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -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: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.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: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - 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 { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - 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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #8C8C8C; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #2a2a2a; -} - -.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: #dadada; -} - -.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: #6d6d6d; - background-color: #111111; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #373737; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #bfbfbf; - background-color: #8C8C8C; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: #262626; -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #8C8C8C; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #dadada; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.3); -} - -.xfce4-panel.panel { - background-color: #2a2a2a; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: #2a2a2a; - color: #dadada; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #8C8C8C; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #8C8C8C; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #8C8C8C; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #333333; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -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 .entry { - border-radius: 6px; - 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: #b2b2b2; - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #333333; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #333333; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #8C8C8C; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #333333; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#333333); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(140, 140, 140, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #8C8C8C; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #8C8C8C; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #8C8C8C; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #dadada; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(42, 42, 42, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #dadada; -} - -.menubar.panel .panel.maximized { - background-color: rgba(42, 42, 42, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(42, 42, 42, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #8C8C8C; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #dadada; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #dadada; - border-radius: 2px; - color: #2a2a2a; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #8C8C8C; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #8C8C8C; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #8C8C8C; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -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: #8C8C8C; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -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(42, 42, 42, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #dddddd; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); - 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: #8C8C8C; - border-color: #8C8C8C; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -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 { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-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 { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #8C8C8C; -} - -.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: #8C8C8C; - color: white; - 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: white; - color: #8C8C8C; -} - -.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 * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #2a2a2a; - color: #dadada; - font-weight: bold; - box-shadow: inset 0 -1px #181818; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #dadada; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(218, 218, 218, 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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #8C8C8C; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#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 #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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 { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #333333; -} - -.raven button.linked:hover { - background-color: #404040; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #8C8C8C; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: #474747; - border-radius: 12px; - background-color: #333333; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #8C8C8C; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.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 100ms 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #999999; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(140, 140, 140, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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: #2a2a2a; - color: #dadada; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(42, 42, 42, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(218, 218, 218, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(218, 218, 218, 0.1); - color: rgba(218, 218, 218, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(218, 218, 218, 0.15); - color: #dadada; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(218, 218, 218, 0.12); - color: #dadada; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(218, 218, 218, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #dadada; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #8C8C8C; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.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), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#8C8C8C); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#8C8C8C); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#8C8C8C); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#8C8C8C); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #1f1f1f; - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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 scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: #333333; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #404040; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #8C8C8C; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 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: #8C8C8C; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(140, 140, 140, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(140, 140, 140, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #8C8C8C; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #242424; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #333333; - border: 1px solid #4d4d4d; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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 rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(218, 218, 218, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #8C8C8C; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #8C8C8C; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@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 #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #8C8C8C; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #8C8C8C; -@define-color budgie_tasklist_indicator_color_active #8C8C8C; -@define-color budgie_tasklist_indicator_color_active_window #5f5f5f; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-orange.css b/src/main/gtk-3.0/gtk-dark-solid-orange.css deleted file mode 100644 index dbf86cac..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid-orange.css +++ /dev/null @@ -1,10663 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #E9873A; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #E9873A; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #E9873A; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #d86c18; - background-color: rgba(216, 108, 24, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #E9873A; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - 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: #E9873A; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: #2a2a2a; - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #eea368; - background-color: #E9873A; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #E9873A; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #E9873A; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - 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.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E9873A), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #E9873A; - border-color: rgba(0, 0, 0, 0.15); - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(233, 135, 58, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #E9873A; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -.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 { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #f6cfb0; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fdf3eb; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fbe7d8; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fbe7d8; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(241, 177, 127, 0.75); - box-shadow: inset 0 0 0 1px rgba(241, 177, 127, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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: rgba(241, 177, 127, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.15); -} - -.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: rgba(241, 177, 127, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(241, 177, 127, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #E9873A; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 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; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f1b17f; - border-color: #efa66c; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f1b17f; - color: rgba(255, 255, 255, 0.6); - border-color: #efa66c; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f1b17f; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #E9873A; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #E9873A; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.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: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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: #E9873A; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f4c39d; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #f2b789; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #e4b38c; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #f8dbc4; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #E9873A; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #E9873A; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #E9873A; -} - -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: white; - background-color: #E9873A; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #333333; - border: 1px solid #424242; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #E9873A; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #333333; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid #424242; -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: #3c3c3c; -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, 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 #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 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: #aaaaaa; -} - -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.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, rgba(233, 135, 58, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fbe9db 0%, #f6cdad 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: -7px; -} - -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: 6px; - 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: #E9873A; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #f5c9a6; -} - -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: 6px; - background-color: #E9873A; -} - -scale highlight:disabled { - background-color: rgba(233, 135, 58, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(233, 135, 58, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fcede1; - border-color: #fcede1; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f4c39d; - border-color: #f4c39d; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #f5c9a6; - border-color: #f5c9a6; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #E9873A; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - 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: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #E9873A; - background-color: #E9873A; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #E9873A; - background-color: #E9873A; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 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(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 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(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 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(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #E9873A; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -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: #E9873A; -} - -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: #dadada; -} - -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, #E9873A, #E9873A); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #E9873A; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #E9873A; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #E9873A; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -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: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.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: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@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("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@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("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@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("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@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("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #E9873A; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f4c39d; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #f3bf96; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #E9873A; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #E9873A; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #333333; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fbe7d8; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(233, 135, 58, 0.8); - border-color: rgba(216, 108, 24, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #E9873A; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #ec9551; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: #333333; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #878787; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #E9873A; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #E9873A; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #313131; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #E9873A; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #dedede; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #E9873A; -} - -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: white; - background-color: #E9873A; - 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; -} - -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) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - 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; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #E9873A; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #E9873A; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#E9873A); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #E9873A; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#2e2925); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#382e26); - color: #E9873A; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#E9873A); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(233, 135, 58, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #E9873A; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f3bf96; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #E9873A; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #eb924c; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #e77c28; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(241, 177, 127, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(241, 177, 127, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #373737; -} - -tabbox { - background-color: #1e1e1e; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -tabbox > tab:checked { - border-top-color: #373737; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - 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: #E9873A; - border-color: #E9873A; -} - -#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: #1d1d1d; -} - -#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: white; - background-color: #E9873A; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #E9873A; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-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 > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.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 > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -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: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -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: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.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: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - 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 { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - 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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #E9873A; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #2a2a2a; -} - -.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: #dadada; -} - -.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: #6d6d6d; - background-color: #111111; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #373737; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f3bf96; - background-color: #E9873A; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: #262626; -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #E9873A; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #dadada; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.3); -} - -.xfce4-panel.panel { - background-color: #2a2a2a; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: #2a2a2a; - color: #dadada; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #E9873A; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #E9873A; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #E9873A; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #333333; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -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 .entry { - border-radius: 6px; - 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: #f1b17f; - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #333333; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #333333; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #E9873A; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #333333; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#333333); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(233, 135, 58, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E9873A; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E9873A; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #E9873A; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #dadada; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(42, 42, 42, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #dadada; -} - -.menubar.panel .panel.maximized { - background-color: rgba(42, 42, 42, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(42, 42, 42, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #E9873A; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #dadada; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #dadada; - border-radius: 2px; - color: #2a2a2a; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #E9873A; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #E9873A; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #E9873A; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -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: #E9873A; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -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(42, 42, 42, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #dddddd; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #E9873A, #E9873A); - 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: #E9873A; - border-color: #E9873A; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -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 { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-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 { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #E9873A; -} - -.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: #E9873A; - color: white; - 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: white; - color: #E9873A; -} - -.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 * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #2a2a2a; - color: #dadada; - font-weight: bold; - box-shadow: inset 0 -1px #181818; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #dadada; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(218, 218, 218, 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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #E9873A; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#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 #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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 { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #333333; -} - -.raven button.linked:hover { - background-color: #404040; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #E9873A; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: #474747; - border-radius: 12px; - background-color: #333333; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #E9873A; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.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 100ms 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #ec9551; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(233, 135, 58, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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: #2a2a2a; - color: #dadada; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(42, 42, 42, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(218, 218, 218, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(218, 218, 218, 0.1); - color: rgba(218, 218, 218, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(218, 218, 218, 0.15); - color: #dadada; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(218, 218, 218, 0.12); - color: #dadada; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(218, 218, 218, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #dadada; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #E9873A; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.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), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#E9873A); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#E9873A); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#E9873A); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#E9873A); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #1f1f1f; - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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 scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: #333333; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #404040; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #E9873A; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 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: #E9873A; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(233, 135, 58, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(233, 135, 58, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #E9873A; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #242424; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #333333; - border: 1px solid #4d4d4d; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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 rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(218, 218, 218, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #E9873A; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #E9873A; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@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 #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #E9873A; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #E9873A; -@define-color budgie_tasklist_indicator_color_active #E9873A; -@define-color budgie_tasklist_indicator_color_active_window #915c33; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-pink.css b/src/main/gtk-3.0/gtk-dark-solid-pink.css deleted file mode 100644 index 9ea272c3..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid-pink.css +++ /dev/null @@ -1,10663 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #E55E9C; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #E55E9C; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #E55E9C; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #de3281; - background-color: rgba(222, 50, 129, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #E55E9C; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - 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: #E55E9C; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: #2a2a2a; - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #ec8ab7; - background-color: #E55E9C; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #E55E9C; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #E55E9C; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - 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.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E55E9C), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #E55E9C; - border-color: rgba(0, 0, 0, 0.15); - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(229, 94, 156, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #E55E9C; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -.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 { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #f5bfd7; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fceff5; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fadfeb; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fadfeb; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(240, 160, 197, 0.75); - box-shadow: inset 0 0 0 1px rgba(240, 160, 197, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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: rgba(240, 160, 197, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.15); -} - -.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: rgba(240, 160, 197, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(240, 160, 197, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #E55E9C; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 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; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f0a0c5; - border-color: #ed8eba; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f0a0c5; - color: rgba(255, 255, 255, 0.6); - border-color: #ed8eba; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f0a0c5; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #E55E9C; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #E55E9C; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.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: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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: #E55E9C; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f2afce; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #ef9ec4; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #e29ebd; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #f7cfe1; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #E55E9C; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #E55E9C; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #E55E9C; -} - -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: white; - background-color: #E55E9C; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #333333; - border: 1px solid #424242; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #E55E9C; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #333333; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid #424242; -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: #3c3c3c; -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, 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 #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 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: #aaaaaa; -} - -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.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, rgba(229, 94, 156, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fef8fb 0%, #f7cce0 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: -7px; -} - -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: 6px; - 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: #E55E9C; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #f3b7d2; -} - -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: 6px; - background-color: #E55E9C; -} - -scale highlight:disabled { - background-color: rgba(229, 94, 156, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(229, 94, 156, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fbe7f0; - border-color: #fbe7f0; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f2afce; - border-color: #f2afce; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #f3b7d2; - border-color: #f3b7d2; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #E55E9C; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - 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: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #E55E9C; - background-color: #E55E9C; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #E55E9C; - background-color: #E55E9C; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 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(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 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(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 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(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #E55E9C; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -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: #E55E9C; -} - -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: #dadada; -} - -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, #E55E9C, #E55E9C); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #E55E9C; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #E55E9C; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #E55E9C; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -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: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.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: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@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("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@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("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@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("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@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("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #E55E9C; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f2afce; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #f3b6d2; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #E55E9C; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #E55E9C; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #333333; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fadfeb; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(229, 94, 156, 0.8); - border-color: rgba(222, 50, 129, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #E55E9C; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #e974aa; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: #333333; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #878787; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #E55E9C; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #E55E9C; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #313131; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #E55E9C; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #dedede; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #E55E9C; -} - -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: white; - background-color: #E55E9C; - 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; -} - -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) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - 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; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #E55E9C; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #E55E9C; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#E55E9C); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #E55E9C; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#2e272a); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#372a30); - color: #E55E9C; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#E55E9C); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(229, 94, 156, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #E55E9C; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f3b6d2; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #E55E9C; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #e870a7; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #e24c91; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(240, 160, 197, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(240, 160, 197, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #373737; -} - -tabbox { - background-color: #1e1e1e; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -tabbox > tab:checked { - border-top-color: #373737; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - 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: #E55E9C; - border-color: #E55E9C; -} - -#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: #1d1d1d; -} - -#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: white; - background-color: #E55E9C; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #E55E9C; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-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 > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.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 > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -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: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -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: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.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: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - 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 { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - 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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #E55E9C; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #2a2a2a; -} - -.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: #dadada; -} - -.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: #6d6d6d; - background-color: #111111; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #373737; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f3b6d2; - background-color: #E55E9C; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: #262626; -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #E55E9C; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #dadada; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.3); -} - -.xfce4-panel.panel { - background-color: #2a2a2a; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: #2a2a2a; - color: #dadada; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #E55E9C; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #E55E9C; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #E55E9C; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #333333; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -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 .entry { - border-radius: 6px; - 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: #f0a0c5; - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #333333; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #333333; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #E55E9C; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #333333; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#333333); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(229, 94, 156, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E55E9C; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E55E9C; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #E55E9C; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #dadada; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(42, 42, 42, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #dadada; -} - -.menubar.panel .panel.maximized { - background-color: rgba(42, 42, 42, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(42, 42, 42, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #E55E9C; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #dadada; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #dadada; - border-radius: 2px; - color: #2a2a2a; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #E55E9C; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #E55E9C; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #E55E9C; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -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: #E55E9C; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -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(42, 42, 42, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #dddddd; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); - 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: #E55E9C; - border-color: #E55E9C; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -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 { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-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 { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #E55E9C; -} - -.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: #E55E9C; - color: white; - 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: white; - color: #E55E9C; -} - -.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 * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #2a2a2a; - color: #dadada; - font-weight: bold; - box-shadow: inset 0 -1px #181818; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #dadada; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(218, 218, 218, 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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #E55E9C; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#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 #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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 { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #333333; -} - -.raven button.linked:hover { - background-color: #404040; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #E55E9C; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: #474747; - border-radius: 12px; - background-color: #333333; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #E55E9C; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.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 100ms 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #e974aa; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(229, 94, 156, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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: #2a2a2a; - color: #dadada; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(42, 42, 42, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(218, 218, 218, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(218, 218, 218, 0.1); - color: rgba(218, 218, 218, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(218, 218, 218, 0.15); - color: #dadada; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(218, 218, 218, 0.12); - color: #dadada; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(218, 218, 218, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #dadada; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #E55E9C; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.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), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#E55E9C); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#E55E9C); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#E55E9C); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#E55E9C); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #1f1f1f; - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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 scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: #333333; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #404040; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #E55E9C; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 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: #E55E9C; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(229, 94, 156, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(229, 94, 156, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #E55E9C; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #242424; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #333333; - border: 1px solid #4d4d4d; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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 rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(218, 218, 218, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #E55E9C; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #E55E9C; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@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 #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #E55E9C; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #E55E9C; -@define-color budgie_tasklist_indicator_color_active #E55E9C; -@define-color budgie_tasklist_indicator_color_active_window #8f4668; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-purple.css b/src/main/gtk-3.0/gtk-dark-solid-purple.css deleted file mode 100644 index f1c83851..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid-purple.css +++ /dev/null @@ -1,10663 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #9A57A3; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #9A57A3; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #9A57A3; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #7b4582; - background-color: rgba(123, 69, 130, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #9A57A3; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - 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: #9A57A3; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: #2a2a2a; - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #af77b6; - background-color: #9A57A3; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #9A57A3; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #9A57A3; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - 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.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#9A57A3), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #9A57A3; - border-color: rgba(0, 0, 0, 0.15); - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(154, 87, 163, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #9A57A3; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -.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 { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #d7bcda; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f5eef6; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #ebdded; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #ebdded; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(185, 135, 191, 0.75); - box-shadow: inset 0 0 0 1px rgba(185, 135, 191, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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: rgba(185, 135, 191, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.15); -} - -.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: rgba(185, 135, 191, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(185, 135, 191, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #9A57A3; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 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; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #b987bf; - border-color: #b17ab8; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #b987bf; - color: rgba(255, 255, 255, 0.6); - border-color: #b17ab8; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #b987bf; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #9A57A3; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #9A57A3; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.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: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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: #9A57A3; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #cdabd1; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #c29ac8; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #bc9bc1; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #e1cde3; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #9A57A3; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #9A57A3; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #9A57A3; -} - -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: white; - background-color: #9A57A3; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #333333; - border: 1px solid #424242; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #9A57A3; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #333333; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid #424242; -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: #3c3c3c; -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, 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 #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 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: #aaaaaa; -} - -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.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, rgba(154, 87, 163, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #e0cae3 0%, #cca9d1 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: -7px; -} - -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: 6px; - 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: #9A57A3; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #d2b3d6; -} - -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: 6px; - background-color: #9A57A3; -} - -scale highlight:disabled { - background-color: rgba(154, 87, 163, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(154, 87, 163, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #f0e6f1; - border-color: #f0e6f1; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #cdabd1; - border-color: #cdabd1; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #d2b3d6; - border-color: #d2b3d6; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #9A57A3; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - 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: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #9A57A3; - background-color: #9A57A3; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #9A57A3; - background-color: #9A57A3; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 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(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 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(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 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(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #9A57A3; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -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: #9A57A3; -} - -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: #dadada; -} - -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, #9A57A3, #9A57A3); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #9A57A3; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #9A57A3; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #9A57A3; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -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: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.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: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@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("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@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("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@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("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@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("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #9A57A3; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #cdabd1; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #c298c8; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #9A57A3; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #9A57A3; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #333333; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #ebdded; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(154, 87, 163, 0.8); - border-color: rgba(123, 69, 130, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #9A57A3; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #a566ad; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: #333333; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #878787; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #9A57A3; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #9A57A3; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #313131; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #9A57A3; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #dedede; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #9A57A3; -} - -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: white; - background-color: #9A57A3; - 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; -} - -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) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - 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; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #9A57A3; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #9A57A3; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#9A57A3); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #9A57A3; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#2a272a); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#302931); - color: #9A57A3; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#9A57A3); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(154, 87, 163, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #9A57A3; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #c298c8; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #9A57A3; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #a363ac; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #8d5096; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(185, 135, 191, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(185, 135, 191, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #373737; -} - -tabbox { - background-color: #1e1e1e; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -tabbox > tab:checked { - border-top-color: #373737; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - 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: #9A57A3; - border-color: #9A57A3; -} - -#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: #1d1d1d; -} - -#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: white; - background-color: #9A57A3; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #9A57A3; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-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 > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.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 > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -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: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -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: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.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: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - 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 { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - 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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #9A57A3; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #2a2a2a; -} - -.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: #dadada; -} - -.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: #6d6d6d; - background-color: #111111; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #373737; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #c298c8; - background-color: #9A57A3; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: #262626; -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #9A57A3; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #dadada; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.3); -} - -.xfce4-panel.panel { - background-color: #2a2a2a; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: #2a2a2a; - color: #dadada; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #9A57A3; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #9A57A3; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #9A57A3; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #333333; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -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 .entry { - border-radius: 6px; - 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: #b987bf; - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #333333; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #333333; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #9A57A3; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #333333; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#333333); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(154, 87, 163, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #9A57A3; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #9A57A3; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #9A57A3; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #dadada; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(42, 42, 42, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #dadada; -} - -.menubar.panel .panel.maximized { - background-color: rgba(42, 42, 42, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(42, 42, 42, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #9A57A3; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #dadada; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #dadada; - border-radius: 2px; - color: #2a2a2a; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #9A57A3; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #9A57A3; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #9A57A3; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -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: #9A57A3; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -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(42, 42, 42, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #dddddd; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); - 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: #9A57A3; - border-color: #9A57A3; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -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 { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-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 { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #9A57A3; -} - -.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: #9A57A3; - color: white; - 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: white; - color: #9A57A3; -} - -.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 * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #2a2a2a; - color: #dadada; - font-weight: bold; - box-shadow: inset 0 -1px #181818; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #dadada; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(218, 218, 218, 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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #9A57A3; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#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 #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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 { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #333333; -} - -.raven button.linked:hover { - background-color: #404040; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #9A57A3; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: #474747; - border-radius: 12px; - background-color: #333333; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #9A57A3; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.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 100ms 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #a566ad; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(154, 87, 163, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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: #2a2a2a; - color: #dadada; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(42, 42, 42, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(218, 218, 218, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(218, 218, 218, 0.1); - color: rgba(218, 218, 218, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(218, 218, 218, 0.15); - color: #dadada; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(218, 218, 218, 0.12); - color: #dadada; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(218, 218, 218, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #dadada; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #9A57A3; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.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), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#9A57A3); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#9A57A3); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#9A57A3); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#9A57A3); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #1f1f1f; - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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 scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: #333333; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #404040; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #9A57A3; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 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: #9A57A3; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(154, 87, 163, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(154, 87, 163, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #9A57A3; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #242424; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #333333; - border: 1px solid #4d4d4d; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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 rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(218, 218, 218, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #9A57A3; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #9A57A3; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@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 #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #9A57A3; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #9A57A3; -@define-color budgie_tasklist_indicator_color_active #9A57A3; -@define-color budgie_tasklist_indicator_color_active_window #66426b; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-red.css b/src/main/gtk-3.0/gtk-dark-solid-red.css deleted file mode 100644 index aef572f1..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid-red.css +++ /dev/null @@ -1,10663 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #ED5F5D; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #ED5F5D; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #ED5F5D; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #e8322f; - background-color: rgba(232, 50, 47, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #ED5F5D; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - 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: #ED5F5D; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: #2a2a2a; - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #f28c8b; - background-color: #ED5F5D; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #ED5F5D; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #ED5F5D; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - 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.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#ED5F5D), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #ED5F5D; - border-color: rgba(0, 0, 0, 0.15); - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(237, 95, 93, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #ED5F5D; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -.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 { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #f8bfbe; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fdefef; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fbdfdf; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fbdfdf; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(245, 163, 162, 0.75); - box-shadow: inset 0 0 0 1px rgba(245, 163, 162, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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: rgba(245, 163, 162, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.15); -} - -.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: rgba(245, 163, 162, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(245, 163, 162, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #ED5F5D; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 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; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f5a3a2; - border-color: #f3918f; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f5a3a2; - color: rgba(255, 255, 255, 0.6); - border-color: #f3918f; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f5a3a2; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #ED5F5D; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #ED5F5D; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.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: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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: #ED5F5D; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f6afae; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #f49f9e; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #e69f9e; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #facfce; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #ED5F5D; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #ED5F5D; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #ED5F5D; -} - -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: white; - background-color: #ED5F5D; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #333333; - border: 1px solid #424242; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #ED5F5D; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #333333; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid #424242; -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: #3c3c3c; -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, 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 #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 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: #aaaaaa; -} - -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.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, rgba(237, 95, 93, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fffefe 0%, #fad0d0 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: -7px; -} - -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: 6px; - 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: #ED5F5D; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #f7b7b6; -} - -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: 6px; - background-color: #ED5F5D; -} - -scale highlight:disabled { - background-color: rgba(237, 95, 93, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(237, 95, 93, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fce7e7; - border-color: #fce7e7; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f6afae; - border-color: #f6afae; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #f7b7b6; - border-color: #f7b7b6; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #ED5F5D; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - 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: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #ED5F5D; - background-color: #ED5F5D; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #ED5F5D; - background-color: #ED5F5D; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 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(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 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(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 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(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #ED5F5D; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -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: #ED5F5D; -} - -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: #dadada; -} - -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, #ED5F5D, #ED5F5D); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #ED5F5D; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #ED5F5D; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #ED5F5D; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -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: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.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: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@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("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@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("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@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("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@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("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #ED5F5D; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f6afae; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #f7bab9; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #ED5F5D; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #ED5F5D; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #333333; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fbdfdf; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(237, 95, 93, 0.8); - border-color: rgba(232, 50, 47, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #ED5F5D; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #f07674; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: #333333; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #878787; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #ED5F5D; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #ED5F5D; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #313131; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #ED5F5D; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #dedede; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #ED5F5D; -} - -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: white; - background-color: #ED5F5D; - 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; -} - -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) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - 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; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #ED5F5D; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #ED5F5D; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#ED5F5D); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #ED5F5D; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#2e2727); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#382a2a); - color: #ED5F5D; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#ED5F5D); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(237, 95, 93, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #ED5F5D; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f7bab9; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #ED5F5D; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #ef716f; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #eb4d4b; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(245, 163, 162, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(245, 163, 162, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #373737; -} - -tabbox { - background-color: #1e1e1e; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -tabbox > tab:checked { - border-top-color: #373737; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - 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: #ED5F5D; - border-color: #ED5F5D; -} - -#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: #1d1d1d; -} - -#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: white; - background-color: #ED5F5D; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #ED5F5D; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-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 > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.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 > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -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: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -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: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.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: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - 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 { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - 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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #ED5F5D; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #2a2a2a; -} - -.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: #dadada; -} - -.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: #6d6d6d; - background-color: #111111; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #373737; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f7bab9; - background-color: #ED5F5D; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: #262626; -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #ED5F5D; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #dadada; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.3); -} - -.xfce4-panel.panel { - background-color: #2a2a2a; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: #2a2a2a; - color: #dadada; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #ED5F5D; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #ED5F5D; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #ED5F5D; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #333333; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -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 .entry { - border-radius: 6px; - 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: #f5a3a2; - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #333333; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #333333; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #ED5F5D; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #333333; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#333333); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(237, 95, 93, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #ED5F5D; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #ED5F5D; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #ED5F5D; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #dadada; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(42, 42, 42, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #dadada; -} - -.menubar.panel .panel.maximized { - background-color: rgba(42, 42, 42, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(42, 42, 42, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #ED5F5D; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #dadada; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #dadada; - border-radius: 2px; - color: #2a2a2a; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #ED5F5D; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #ED5F5D; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #ED5F5D; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -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: #ED5F5D; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -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(42, 42, 42, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #dddddd; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); - 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: #ED5F5D; - border-color: #ED5F5D; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -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 { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-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 { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #ED5F5D; -} - -.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: #ED5F5D; - color: white; - 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: white; - color: #ED5F5D; -} - -.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 * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #2a2a2a; - color: #dadada; - font-weight: bold; - box-shadow: inset 0 -1px #181818; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #dadada; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(218, 218, 218, 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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #ED5F5D; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#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 #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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 { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #333333; -} - -.raven button.linked:hover { - background-color: #404040; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #ED5F5D; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: #474747; - border-radius: 12px; - background-color: #333333; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #ED5F5D; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.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 100ms 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #f07674; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(237, 95, 93, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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: #2a2a2a; - color: #dadada; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(42, 42, 42, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(218, 218, 218, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(218, 218, 218, 0.1); - color: rgba(218, 218, 218, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(218, 218, 218, 0.15); - color: #dadada; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(218, 218, 218, 0.12); - color: #dadada; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(218, 218, 218, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #dadada; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #ED5F5D; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.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), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#ED5F5D); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#ED5F5D); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#ED5F5D); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#ED5F5D); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #1f1f1f; - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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 scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: #333333; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #404040; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #ED5F5D; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 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: #ED5F5D; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(237, 95, 93, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(237, 95, 93, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #ED5F5D; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #242424; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #333333; - border: 1px solid #4d4d4d; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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 rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(218, 218, 218, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #ED5F5D; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #ED5F5D; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@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 #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #ED5F5D; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #ED5F5D; -@define-color budgie_tasklist_indicator_color_active #ED5F5D; -@define-color budgie_tasklist_indicator_color_active_window #934746; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-yellow.css b/src/main/gtk-3.0/gtk-dark-solid-yellow.css deleted file mode 100644 index f7963cdb..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid-yellow.css +++ /dev/null @@ -1,10663 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #F3BA4B; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #F3BA4B; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #F3BA4B; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #f0a81b; - background-color: rgba(240, 168, 27, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #F3BA4B; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - 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: #F3BA4B; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: #2a2a2a; - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #f6cc7b; - background-color: #F3BA4B; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #F3BA4B; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #F3BA4B; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - 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.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#F3BA4B), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #F3BA4B; - border-color: rgba(0, 0, 0, 0.15); - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(243, 186, 75, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #F3BA4B; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -.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 { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #fae3b7; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fef8ed; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fdf1db; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fdf1db; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(248, 213, 147, 0.75); - box-shadow: inset 0 0 0 1px rgba(248, 213, 147, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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: rgba(248, 213, 147, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.15); -} - -.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: rgba(248, 213, 147, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(248, 213, 147, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #F3BA4B; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 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; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f8d593; - border-color: #f7ce80; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f8d593; - color: rgba(255, 255, 255, 0.6); - border-color: #f7ce80; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f8d593; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #F3BA4B; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #F3BA4B; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.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: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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: #F3BA4B; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f9dda5; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #f8d693; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #e9cc95; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #fbeac9; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #F3BA4B; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #F3BA4B; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #F3BA4B; -} - -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: white; - background-color: #F3BA4B; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #333333; - border: 1px solid #424242; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #F3BA4B; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #333333; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid #424242; -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: #3c3c3c; -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, 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 #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 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: #aaaaaa; -} - -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.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, rgba(243, 186, 75, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fefaf2 0%, #fbe8c3 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: -7px; -} - -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: 6px; - 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: #F3BA4B; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #fae0ae; -} - -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: 6px; - background-color: #F3BA4B; -} - -scale highlight:disabled { - background-color: rgba(243, 186, 75, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(243, 186, 75, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fdf5e4; - border-color: #fdf5e4; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f9dda5; - border-color: #f9dda5; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #fae0ae; - border-color: #fae0ae; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #F3BA4B; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - 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: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #F3BA4B; - background-color: #F3BA4B; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #F3BA4B; - background-color: #F3BA4B; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 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(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 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(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 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(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #F3BA4B; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -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: #F3BA4B; -} - -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: #dadada; -} - -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, #F3BA4B, #F3BA4B); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #F3BA4B; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #F3BA4B; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #F3BA4B; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -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: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.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: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@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("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@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("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@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("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@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("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #F3BA4B; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f9dda5; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #f9dfab; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #F3BA4B; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #F3BA4B; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #333333; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fdf1db; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(243, 186, 75, 0.8); - border-color: rgba(240, 168, 27, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #F3BA4B; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #f5c363; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: #333333; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #878787; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #F3BA4B; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #F3BA4B; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #313131; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #F3BA4B; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #dedede; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #F3BA4B; -} - -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: white; - background-color: #F3BA4B; - 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; -} - -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) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - 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; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #F3BA4B; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #F3BA4B; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#F3BA4B); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #F3BA4B; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#2e2c26); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#393328); - color: #F3BA4B; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#F3BA4B); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(243, 186, 75, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #F3BA4B; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f9dfab; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #F3BA4B; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #f4c15e; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #f2b338; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(248, 213, 147, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(248, 213, 147, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #373737; -} - -tabbox { - background-color: #1e1e1e; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -tabbox > tab:checked { - border-top-color: #373737; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - 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: #F3BA4B; - border-color: #F3BA4B; -} - -#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: #1d1d1d; -} - -#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: white; - background-color: #F3BA4B; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #F3BA4B; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-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 > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.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 > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -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: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -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: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.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: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - 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 { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - 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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #F3BA4B; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #2a2a2a; -} - -.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: #dadada; -} - -.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: #6d6d6d; - background-color: #111111; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #373737; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f9dfab; - background-color: #F3BA4B; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: #262626; -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #F3BA4B; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #dadada; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.3); -} - -.xfce4-panel.panel { - background-color: #2a2a2a; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: #2a2a2a; - color: #dadada; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #F3BA4B; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #F3BA4B; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #F3BA4B; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #333333; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -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 .entry { - border-radius: 6px; - 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: #f8d593; - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #333333; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #333333; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #F3BA4B; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #333333; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#333333); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(243, 186, 75, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #F3BA4B; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #F3BA4B; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #F3BA4B; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #dadada; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(42, 42, 42, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #dadada; -} - -.menubar.panel .panel.maximized { - background-color: rgba(42, 42, 42, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(42, 42, 42, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #F3BA4B; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #dadada; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #dadada; - border-radius: 2px; - color: #2a2a2a; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #F3BA4B; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #F3BA4B; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #F3BA4B; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -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: #F3BA4B; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -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(42, 42, 42, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #dddddd; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); - 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: #F3BA4B; - border-color: #F3BA4B; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -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 { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-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 { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #F3BA4B; -} - -.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: #F3BA4B; - color: white; - 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: white; - color: #F3BA4B; -} - -.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 * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #2a2a2a; - color: #dadada; - font-weight: bold; - box-shadow: inset 0 -1px #181818; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #dadada; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(218, 218, 218, 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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #F3BA4B; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#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 #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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 { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #333333; -} - -.raven button.linked:hover { - background-color: #404040; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #F3BA4B; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: #474747; - border-radius: 12px; - background-color: #333333; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #F3BA4B; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.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 100ms 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #f5c363; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(243, 186, 75, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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: #2a2a2a; - color: #dadada; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(42, 42, 42, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(218, 218, 218, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(218, 218, 218, 0.1); - color: rgba(218, 218, 218, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(218, 218, 218, 0.15); - color: #dadada; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(218, 218, 218, 0.12); - color: #dadada; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(218, 218, 218, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #dadada; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #F3BA4B; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.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), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#F3BA4B); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#F3BA4B); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#F3BA4B); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#F3BA4B); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #1f1f1f; - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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 scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: #333333; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #404040; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #F3BA4B; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 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: #F3BA4B; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(243, 186, 75, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(243, 186, 75, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #F3BA4B; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #242424; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #333333; - border: 1px solid #4d4d4d; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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 rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(218, 218, 218, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #F3BA4B; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #F3BA4B; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@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 #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #F3BA4B; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #F3BA4B; -@define-color budgie_tasklist_indicator_color_active #F3BA4B; -@define-color budgie_tasklist_indicator_color_active_window #97783c; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid.css b/src/main/gtk-3.0/gtk-dark-solid.css deleted file mode 100644 index d55d601d..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid.css +++ /dev/null @@ -1,10663 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #0860F2; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #0860F2; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #0860F2; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #064cc1; - background-color: rgba(6, 76, 193, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #0860F2; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - 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: #0860F2; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: #2a2a2a; - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #357ef8; - background-color: #0860F2; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #0860F2; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #0860F2; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - 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.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#0860F2), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0860F2), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #0860F2; - border-color: rgba(0, 0, 0, 0.15); - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(8, 96, 242, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #0860F2; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -.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 { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0860F2), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #9cbffa; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #e6effe; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #cedffc; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #cedffc; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(77, 142, 249, 0.75); - box-shadow: inset 0 0 0 1px rgba(77, 142, 249, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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: rgba(77, 142, 249, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.15); -} - -.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: rgba(77, 142, 249, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(77, 142, 249, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #0860F2; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 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; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #4d8ef9; - border-color: #3a81f8; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #4d8ef9; - color: rgba(255, 255, 255, 0.6); - border-color: #3a81f8; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #4d8ef9; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #0860F2; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #0860F2; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.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: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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: #0860F2; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #84b0f9; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #6ba0f7; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #739fe8; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #b5cffb; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #0860F2; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #0860F2; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #0860F2; -} - -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: white; - background-color: #0860F2; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #333333; - border: 1px solid #424242; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #0860F2; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #333333; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid #424242; -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: #3c3c3c; -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, 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 #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 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: #aaaaaa; -} - -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.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #357ef8 0%, #0860F2 100%), radial-gradient(circle farthest-corner at center, rgba(8, 96, 242, 0.75) 100%, rgba(8, 96, 242, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #357ef8 0%, #0860F2 100%), radial-gradient(circle farthest-corner at center, rgba(8, 96, 242, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #b0cdfc 0%, #7fadfb 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: -7px; -} - -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: 6px; - 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: #0860F2; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #90b7f9; -} - -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: 6px; - background-color: #0860F2; -} - -scale highlight:disabled { - background-color: rgba(8, 96, 242, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(8, 96, 242, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #dae7fd; - border-color: #dae7fd; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #84b0f9; - border-color: #84b0f9; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #90b7f9; - border-color: #90b7f9; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #0860F2; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - 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: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #0860F2; - background-color: #0860F2; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #0860F2; - background-color: #0860F2; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 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(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 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(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 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(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #0860F2; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -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: #0860F2; -} - -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: #dadada; -} - -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, #0860F2, #0860F2); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #0860F2; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #0860F2; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #0860F2; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -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: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.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: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@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("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@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("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@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("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@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("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #0860F2; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #84b0f9; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #669efa; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #0860F2; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #0860F2; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #333333; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #cedffc; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(8, 96, 242, 0.8); - border-color: rgba(6, 76, 193, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #0860F2; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #1c6ff7; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: #333333; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #878787; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #0860F2; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #0860F2; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #313131; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #0860F2; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #dedede; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #0860F2; -} - -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: white; - background-color: #0860F2; - 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; -} - -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) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - 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; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #0860F2; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #0860F2; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#0860F2); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #0860F2; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#23272e); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#212a39); - color: #0860F2; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#0860F2); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(8, 96, 242, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #0860F2; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #669efa; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #0860F2; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #176bf7; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #0758de; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(77, 142, 249, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(77, 142, 249, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #373737; -} - -tabbox { - background-color: #1e1e1e; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -tabbox > tab:checked { - border-top-color: #373737; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - 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: #0860F2; - border-color: #0860F2; -} - -#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: #1d1d1d; -} - -#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: white; - background-color: #0860F2; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #0860F2; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-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 > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.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 > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -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: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -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: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.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: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - 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 { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - 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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #0860F2; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #2a2a2a; -} - -.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: #dadada; -} - -.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: #6d6d6d; - background-color: #111111; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #373737; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #669efa; - background-color: #0860F2; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: #262626; -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #0860F2; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #dadada; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.3); -} - -.xfce4-panel.panel { - background-color: #2a2a2a; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: #2a2a2a; - color: #dadada; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #0860F2; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #0860F2; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #0860F2; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #333333; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -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 .entry { - border-radius: 6px; - 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: #4d8ef9; - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #333333; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #333333; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #0860F2; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #333333; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#333333); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(8, 96, 242, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #0860F2; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #0860F2; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #0860F2; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #dadada; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(42, 42, 42, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #dadada; -} - -.menubar.panel .panel.maximized { - background-color: rgba(42, 42, 42, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(42, 42, 42, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #0860F2; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #dadada; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #dadada; - border-radius: 2px; - color: #2a2a2a; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #0860F2; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #0860F2; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #0860F2; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -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: #0860F2; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -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(42, 42, 42, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #dddddd; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #0860F2, #0860F2); - 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: #0860F2; - border-color: #0860F2; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -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 { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-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 { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #0860F2; -} - -.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: #0860F2; - color: white; - 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: white; - color: #0860F2; -} - -.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 * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #2a2a2a; - color: #dadada; - font-weight: bold; - box-shadow: inset 0 -1px #181818; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #dadada; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(218, 218, 218, 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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #0860F2; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#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 #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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 { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #333333; -} - -.raven button.linked:hover { - background-color: #404040; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #0860F2; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: #474747; - border-radius: 12px; - background-color: #333333; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #0860F2; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.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 100ms 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #1c6ff7; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(8, 96, 242, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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: #2a2a2a; - color: #dadada; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(42, 42, 42, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(218, 218, 218, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(218, 218, 218, 0.1); - color: rgba(218, 218, 218, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(218, 218, 218, 0.15); - color: #dadada; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(218, 218, 218, 0.12); - color: #dadada; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(218, 218, 218, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #dadada; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #0860F2; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.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), #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #4d8ef9 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4d8ef9 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #4d8ef9 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #4d8ef9 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#0860F2); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#0860F2); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#0860F2); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#0860F2); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #1f1f1f; - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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 scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: #333333; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #404040; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #0860F2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 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: #0860F2; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(8, 96, 242, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(8, 96, 242, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #0860F2; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #242424; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #333333; - border: 1px solid #4d4d4d; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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 rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(218, 218, 218, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #0860F2; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #0860F2; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@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 #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #0860F2; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #0860F2; -@define-color budgie_tasklist_indicator_color_active #0860F2; -@define-color budgie_tasklist_indicator_color_active_window #184796; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-yellow.css b/src/main/gtk-3.0/gtk-dark-yellow.css deleted file mode 100644 index 674f4201..00000000 --- a/src/main/gtk-3.0/gtk-dark-yellow.css +++ /dev/null @@ -1,10658 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #F3BA4B; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #F3BA4B; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #F3BA4B; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #f0a81b; - background-color: rgba(240, 168, 27, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #F3BA4B; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - 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: #F3BA4B; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #f6cc7b; - background-color: #F3BA4B; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #F3BA4B; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #F3BA4B; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - 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.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#F3BA4B), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #F3BA4B; - border-color: rgba(0, 0, 0, 0.15); - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(243, 186, 75, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #F3BA4B; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -.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 { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #fae3b7; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fef8ed; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fdf1db; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fdf1db; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(248, 213, 147, 0.75); - box-shadow: inset 0 0 0 1px rgba(248, 213, 147, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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: rgba(248, 213, 147, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.15); -} - -.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: rgba(248, 213, 147, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(248, 213, 147, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #F3BA4B; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 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; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f8d593; - border-color: #f7ce80; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f8d593; - color: rgba(255, 255, 255, 0.6); - border-color: #f7ce80; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f8d593; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #F3BA4B; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #F3BA4B; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.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: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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: #F3BA4B; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f9dda5; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #f8d693; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #e9cc95; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #fbeac9; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #F3BA4B; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #F3BA4B; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #F3BA4B; -} - -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: white; - background-color: #F3BA4B; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(51, 51, 51, 0.95); - border: 1px solid rgba(66, 66, 66, 0.95); -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #F3BA4B; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(66, 66, 66, 0.95); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: rgba(60, 60, 60, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, 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 #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 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: #aaaaaa; -} - -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.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, rgba(243, 186, 75, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fefaf2 0%, #fbe8c3 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: -7px; -} - -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: 6px; - 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: #F3BA4B; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #fae0ae; -} - -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: 6px; - background-color: #F3BA4B; -} - -scale highlight:disabled { - background-color: rgba(243, 186, 75, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(243, 186, 75, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fdf5e4; - border-color: #fdf5e4; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f9dda5; - border-color: #f9dda5; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #fae0ae; - border-color: #fae0ae; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #F3BA4B; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - 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: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #F3BA4B; - background-color: #F3BA4B; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #F3BA4B; - background-color: #F3BA4B; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 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(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 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(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 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(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #F3BA4B; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -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: #F3BA4B; -} - -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: #dadada; -} - -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, #F3BA4B, #F3BA4B); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #F3BA4B; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #F3BA4B; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #F3BA4B; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -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: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.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: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@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("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@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("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@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("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@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("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #F3BA4B; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f9dda5; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #f9dfab; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #F3BA4B; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #F3BA4B; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(51, 51, 51, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fdf1db; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(243, 186, 75, 0.8); - border-color: rgba(240, 168, 27, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #F3BA4B; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #f5c363; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(139, 139, 139, 0.975); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #F3BA4B; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #F3BA4B; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #313131; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #F3BA4B; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #dedede; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #F3BA4B; -} - -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: white; - background-color: #F3BA4B; - 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; -} - -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) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - 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; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #F3BA4B; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #F3BA4B; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#F3BA4B); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #F3BA4B; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#2e2c26); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#393328); - color: #F3BA4B; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#F3BA4B); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(243, 186, 75, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #F3BA4B; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f9dfab; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #F3BA4B; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #f4c15e; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #f2b338; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(248, 213, 147, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(248, 213, 147, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #373737; -} - -tabbox { - background-color: #1e1e1e; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -tabbox > tab:checked { - border-top-color: #373737; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(51, 51, 51, 0.95); - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - 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: #F3BA4B; - border-color: #F3BA4B; -} - -#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(29, 29, 29, 0.9); -} - -#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: white; - background-color: #F3BA4B; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #F3BA4B; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-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 > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.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 > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -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: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -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: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.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: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - 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 { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - 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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #F3BA4B; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: black; -} - -.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: white; -} - -.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: gray; - background-color: rgba(0, 0, 0, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(13, 13, 13, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f9dfab; - background-color: #F3BA4B; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(38, 38, 38, 0.95); -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #F3BA4B; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(0, 0, 0, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #F3BA4B; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #F3BA4B; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #F3BA4B; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -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 .entry { - border-radius: 6px; - 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: #f8d593; - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(51, 51, 51, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #F3BA4B; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(51, 51, 51, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(51, 51, 51, 0.95)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(243, 186, 75, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #F3BA4B; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #F3BA4B; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #F3BA4B; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(0, 0, 0, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(0, 0, 0, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #F3BA4B; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(0, 0, 0, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #F3BA4B; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #F3BA4B; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #F3BA4B; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -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: #F3BA4B; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -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(0, 0, 0, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); - 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: #F3BA4B; - border-color: #F3BA4B; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -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 { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-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 { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #F3BA4B; -} - -.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: #F3BA4B; - color: white; - 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: white; - color: #F3BA4B; -} - -.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 * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #F3BA4B; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#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 #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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 { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(51, 51, 51, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #F3BA4B; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(71, 71, 71, 0.95); - border-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #F3BA4B; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.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 100ms 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #f5c363; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(243, 186, 75, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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(0, 0, 0, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #F3BA4B; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.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), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#F3BA4B); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#F3BA4B); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#F3BA4B); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#F3BA4B); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(31, 31, 31, 0.95); - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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 scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(51, 51, 51, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #F3BA4B; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 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: #F3BA4B; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(243, 186, 75, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(243, 186, 75, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #F3BA4B; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(36, 36, 36, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #333333; - border: 1px solid rgba(77, 77, 77, 0.95); -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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 rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #F3BA4B; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #F3BA4B; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@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 #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #F3BA4B; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #F3BA4B; -@define-color budgie_tasklist_indicator_color_active #F3BA4B; -@define-color budgie_tasklist_indicator_color_active_window rgba(226, 173, 70, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark.css b/src/main/gtk-3.0/gtk-dark.css deleted file mode 100644 index b29c84e7..00000000 --- a/src/main/gtk-3.0/gtk-dark.css +++ /dev/null @@ -1,10658 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #0860F2; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #0860F2; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #0860F2; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #064cc1; - background-color: rgba(6, 76, 193, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #0860F2; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - 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: #0860F2; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - background-color: #a63530; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #357ef8; - background-color: #0860F2; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #0860F2; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #0860F2; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - 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.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#0860F2), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0860F2), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #0860F2; - border-color: rgba(0, 0, 0, 0.15); - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(8, 96, 242, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #0860F2; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -.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 { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0860F2), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #9cbffa; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #e6effe; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #cedffc; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #cedffc; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(77, 142, 249, 0.75); - box-shadow: inset 0 0 0 1px rgba(77, 142, 249, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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: rgba(77, 142, 249, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.15); -} - -.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: rgba(77, 142, 249, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(77, 142, 249, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #0860F2; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 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; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #4d8ef9; - border-color: #3a81f8; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #4d8ef9; - color: rgba(255, 255, 255, 0.6); - border-color: #3a81f8; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #4d8ef9; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #0860F2; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #0860F2; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.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: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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: #0860F2; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #84b0f9; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #6ba0f7; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #739fe8; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #b5cffb; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #0860F2; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #0860F2; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #0860F2; -} - -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: white; - background-color: #0860F2; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(51, 51, 51, 0.95); - border: 1px solid rgba(66, 66, 66, 0.95); -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #0860F2; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(66, 66, 66, 0.95); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: rgba(60, 60, 60, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, 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 #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 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: #aaaaaa; -} - -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.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #357ef8 0%, #0860F2 100%), radial-gradient(circle farthest-corner at center, rgba(8, 96, 242, 0.75) 100%, rgba(8, 96, 242, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #357ef8 0%, #0860F2 100%), radial-gradient(circle farthest-corner at center, rgba(8, 96, 242, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #b0cdfc 0%, #7fadfb 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: -7px; -} - -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: 6px; - 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: #0860F2; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #90b7f9; -} - -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: 6px; - background-color: #0860F2; -} - -scale highlight:disabled { - background-color: rgba(8, 96, 242, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(8, 96, 242, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #dae7fd; - border-color: #dae7fd; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #84b0f9; - border-color: #84b0f9; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #90b7f9; - border-color: #90b7f9; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - 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: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #0860F2; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - 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: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #0860F2; - background-color: #0860F2; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #0860F2; - background-color: #0860F2; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 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(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 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(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 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(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -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: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #0860F2; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -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: #0860F2; -} - -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: #dadada; -} - -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, #0860F2, #0860F2); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #0860F2; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #0860F2; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #0860F2; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -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: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.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: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@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("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@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("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@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("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@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("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #0860F2; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #84b0f9; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #669efa; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #0860F2; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #0860F2; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(51, 51, 51, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #cedffc; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(8, 96, 242, 0.8); - border-color: rgba(6, 76, 193, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #0860F2; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #1c6ff7; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(139, 139, 139, 0.975); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #0860F2; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #0860F2; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #313131; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #0860F2; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #dedede; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #0860F2; -} - -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: white; - background-color: #0860F2; - 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; -} - -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) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - 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; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #0860F2; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #0860F2; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#0860F2); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #0860F2; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#23272e); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#212a39); - color: #0860F2; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#0860F2); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(8, 96, 242, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #0860F2; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #669efa; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #0860F2; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #176bf7; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #0758de; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(77, 142, 249, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(77, 142, 249, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #373737; -} - -tabbox { - background-color: #1e1e1e; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -tabbox > tab:checked { - border-top-color: #373737; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(51, 51, 51, 0.95); - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - 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: #0860F2; - border-color: #0860F2; -} - -#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(29, 29, 29, 0.9); -} - -#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: white; - background-color: #0860F2; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #0860F2; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-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 > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.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 > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -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: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -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: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.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: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - 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 { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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 { - 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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #0860F2; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: black; -} - -.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: white; -} - -.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: gray; - background-color: rgba(0, 0, 0, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(13, 13, 13, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #669efa; - background-color: #0860F2; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(38, 38, 38, 0.95); -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #0860F2; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(0, 0, 0, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #0860F2; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #0860F2; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #0860F2; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -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 .entry { - border-radius: 6px; - 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: #4d8ef9; - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(51, 51, 51, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #0860F2; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(51, 51, 51, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -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: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(51, 51, 51, 0.95)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(8, 96, 242, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #0860F2; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #0860F2; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #0860F2; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(0, 0, 0, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(0, 0, 0, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #0860F2; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(0, 0, 0, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #0860F2; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #0860F2; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #0860F2; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -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: #0860F2; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -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(0, 0, 0, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #0860F2, #0860F2); - 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: #0860F2; - border-color: #0860F2; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -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 { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-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 { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #0860F2; -} - -.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: #0860F2; - color: white; - 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: white; - color: #0860F2; -} - -.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 * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 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(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #0860F2; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#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 #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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 { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(51, 51, 51, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #0860F2; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(71, 71, 71, 0.95); - border-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #0860F2; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.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 100ms 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #1c6ff7; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(8, 96, 242, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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(0, 0, 0, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #0860F2; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.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), #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #4d8ef9 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4d8ef9 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #4d8ef9 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #4d8ef9 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#0860F2); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#0860F2); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#0860F2); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#0860F2); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(31, 31, 31, 0.95); - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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 scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(51, 51, 51, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #0860F2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 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: #0860F2; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(8, 96, 242, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(8, 96, 242, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #0860F2; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(36, 36, 36, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #333333; - border: 1px solid rgba(77, 77, 77, 0.95); -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.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 rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #0860F2; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #0860F2; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@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 #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #0860F2; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #0860F2; -@define-color budgie_tasklist_indicator_color_active #0860F2; -@define-color budgie_tasklist_indicator_color_active_window rgba(7, 89, 225, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-blue.css b/src/main/gtk-3.0/gtk-light-blue.css deleted file mode 100644 index fdbaa5ce..00000000 --- a/src/main/gtk-3.0/gtk-light-blue.css +++ /dev/null @@ -1,10695 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #2E7CF7; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #2E7CF7; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #2E7CF7; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #0960e9; - background-color: rgba(9, 96, 233, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #2E7CF7; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #2E7CF7; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #5f9bf9; - background-color: #2E7CF7; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #2E7CF7; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #2E7CF7; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 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(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#2E7CF7), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #2E7CF7; - border-color: #2E7CF7; - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(46, 124, 247, 0); - background-color: rgba(46, 124, 247, 0.55); - 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.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #2E7CF7; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #2E7CF7; - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #2E7CF7; - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #2E7CF7; - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -.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: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - 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: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - 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: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #abcbfc; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #eaf2fe; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #d5e5fd; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #d5e5fd; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(120, 170, 250, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(120, 170, 250, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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.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(0, 0, 0, 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: rgba(120, 170, 250, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.08); -} - -.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: rgba(120, 170, 250, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(120, 170, 250, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #2E7CF7; - border-color: #2E7CF7; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.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, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #78aafa; - border-color: #649ef9; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #78aafa; - color: rgba(255, 255, 255, 0.6); - border-color: #649ef9; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #78aafa; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #2E7CF7; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #2E7CF7; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.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: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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: #2E7CF7; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #97befb; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #82b0fa; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #29508e; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #c0d8fd; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #2E7CF7; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #2E7CF7; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #2E7CF7; -} - -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: white; - background-color: #2E7CF7; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(255, 255, 255, 0.95); - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #2E7CF7; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(255, 255, 255, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: rgba(243, 243, 243, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 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.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, rgba(46, 124, 247, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #dae8fe 0%, #a9c9fc 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 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: -7px; -} - -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: 6px; - 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: #2E7CF7; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #a1c4fb; -} - -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: 6px; - background-color: #2E7CF7; -} - -scale highlight:disabled { - background-color: rgba(46, 124, 247, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(46, 124, 247, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #e0ebfe; - border-color: #e0ebfe; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #97befb; - border-color: #97befb; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #a1c4fb; - border-color: #a1c4fb; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #2E7CF7; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -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: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #2E7CF7; - background-color: #2E7CF7; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #2E7CF7; - background-color: #2E7CF7; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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.12); - 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.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(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 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(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 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(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 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(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 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: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #2E7CF7; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.25); -} - -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: #2E7CF7; -} - -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.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #2E7CF7; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #2E7CF7; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #2E7CF7; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - 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: 6px; -} - -.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.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.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.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-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("windows-assets/titlebutton-restore.png"), url("windows-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("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@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("windows-assets/titlebutton-restore-hover.png"), url("windows-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("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #2E7CF7; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #97befb; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #2E7CF7; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #2E7CF7; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #2E7CF7; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(255, 255, 255, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #d5e5fd; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(46, 124, 247, 0.8); - border-color: rgba(9, 96, 233, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #2E7CF7; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #478bf8; -} - -.nemo-window .sidebar { - color: #363636; - background-color: rgba(240, 240, 240, 0.94); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(141, 141, 141, 0.97); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(120, 170, 250, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #2E7CF7; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #2E7CF7; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #242424; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #2E7CF7; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #2E7CF7; - 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.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(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -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; -} - -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.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #2E7CF7; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #2E7CF7; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#2E7CF7); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #2E7CF7; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#f5f8ff); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#eaf2fe); - color: #2E7CF7; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#2E7CF7); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(46, 124, 247, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #2E7CF7; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #90bafb; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #2E7CF7; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #4288f8; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #1a70f6; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(120, 170, 250, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(120, 170, 250, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #ffffff; -} - -tabbox { - background-color: #e6e6e6; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -tabbox > tab:checked { - border-top-color: #ffffff; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(240, 240, 240, 0.94); - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - 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: #2E7CF7; - border-color: #2E7CF7; -} - -#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(29, 29, 29, 0.9); -} - -#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: white; - background-color: #2E7CF7; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #2E7CF7; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.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.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -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: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -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: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.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: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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 { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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 { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #2E7CF7; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: white; -} - -.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: white; -} - -.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: gray; - background-color: rgba(230, 230, 230, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #90bafb; - background-color: #2E7CF7; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(227, 227, 227, 0.94); -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #2E7CF7; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(255, 255, 255, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #2E7CF7; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #2E7CF7; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #2E7CF7; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(240, 240, 240, 0.94); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #78aafa; - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(255, 255, 255, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(255, 255, 255, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #2E7CF7; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(255, 255, 255, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(240, 240, 240, 0.94)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(46, 124, 247, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #2E7CF7; - color: #f2f2f2; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #2E7CF7; - color: #f2f2f2; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #2E7CF7; - color: #f2f2f2; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(255, 255, 255, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(255, 255, 255, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(255, 255, 255, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #2E7CF7; - border-color: #2E7CF7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(255, 255, 255, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #2E7CF7; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #2E7CF7; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #2E7CF7; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -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: #2E7CF7; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(255, 255, 255, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); - 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: white; - 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: #2E7CF7; - border-color: #2E7CF7; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #2E7CF7; -} - -.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: #2E7CF7; - color: white; - 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: white; - color: #2E7CF7; -} - -.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 * { - 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(255, 255, 255, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #2E7CF7; - border-color: #2E7CF7; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: rgba(42, 42, 42, 0.9); - 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 #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #2E7CF7; - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #2E7CF7; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: rgba(245, 245, 245, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #2E7CF7; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 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(0, 0, 0, 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 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #478bf8; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(46, 124, 247, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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.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(255, 255, 255, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(255, 255, 255, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #2E7CF7; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.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), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#2E7CF7); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#2E7CF7); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#2E7CF7); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#2E7CF7); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(222, 222, 222, 0.85); - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: rgba(255, 255, 255, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #2E7CF7; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 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: #2E7CF7; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(46, 124, 247, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(46, 124, 247, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #2E7CF7; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - 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(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #f5f5f5; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@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 #2E7CF7; -@define-color theme_selected_fg_color white; -@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 #2E7CF7; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 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.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #2E7CF7; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #2E7CF7; -@define-color budgie_tasklist_indicator_color_active #2E7CF7; -@define-color budgie_tasklist_indicator_color_active_window rgba(60, 133, 248, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-green.css b/src/main/gtk-3.0/gtk-light-green.css deleted file mode 100644 index ea84ed54..00000000 --- a/src/main/gtk-3.0/gtk-light-green.css +++ /dev/null @@ -1,10695 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #79B757; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #79B757; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #79B757; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #619942; - background-color: rgba(97, 153, 66, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #79B757; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #79B757; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #95c67b; - background-color: #79B757; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #79B757; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #79B757; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 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(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#79B757), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #79B757; - border-color: #79B757; - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(121, 183, 87, 0); - background-color: rgba(121, 183, 87, 0.55); - 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.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #79B757; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #79B757; - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #79B757; - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #79B757; - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -.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: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - 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: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - 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: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #c9e2bc; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f2f8ee; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #e4f1dd; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #e4f1dd; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(164, 206, 141, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(164, 206, 141, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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.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(0, 0, 0, 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: rgba(164, 206, 141, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.08); -} - -.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: rgba(164, 206, 141, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(164, 206, 141, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #79B757; - border-color: #79B757; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.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, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #a4ce8d; - border-color: #98c87e; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #a4ce8d; - color: rgba(255, 255, 255, 0.6); - border-color: #98c87e; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #a4ce8d; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #79B757; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #79B757; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.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: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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: #79B757; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #bcdbab; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #afd49a; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #4f6e3e; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #d7e9cd; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #79B757; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #79B757; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #79B757; -} - -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: white; - background-color: #79B757; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(255, 255, 255, 0.95); - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #79B757; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(255, 255, 255, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: rgba(243, 243, 243, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 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.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, rgba(121, 183, 87, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #ddedd4 0%, #c0ddb0 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 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: -7px; -} - -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: 6px; - 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: #79B757; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #c3dfb3; -} - -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: 6px; - background-color: #79B757; -} - -scale highlight:disabled { - background-color: rgba(121, 183, 87, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(121, 183, 87, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #ebf4e6; - border-color: #ebf4e6; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #bcdbab; - border-color: #bcdbab; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #c3dfb3; - border-color: #c3dfb3; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #79B757; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -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: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #79B757; - background-color: #79B757; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #79B757; - background-color: #79B757; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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.12); - 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.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(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 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(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 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(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 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(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 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: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #79B757; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.25); -} - -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: #79B757; -} - -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.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #79B757, #79B757); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #79B757; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #79B757; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #79B757; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - 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: 6px; -} - -.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.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.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.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-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("windows-assets/titlebutton-restore.png"), url("windows-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("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@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("windows-assets/titlebutton-restore-hover.png"), url("windows-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("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #79B757; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #bcdbab; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #79B757; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #79B757; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #79B757; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(255, 255, 255, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #e4f1dd; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(121, 183, 87, 0.8); - border-color: rgba(97, 153, 66, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #79B757; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #87bf69; -} - -.nemo-window .sidebar { - color: #363636; - background-color: rgba(240, 240, 240, 0.94); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(141, 141, 141, 0.97); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(164, 206, 141, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #79B757; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #79B757; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #242424; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #79B757; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #79B757; - 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.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(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -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; -} - -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.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #79B757; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #79B757; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#79B757); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #79B757; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#f8fbf7); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#f2f8ee); - color: #79B757; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#79B757); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(121, 183, 87, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #79B757; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #b2d69e; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #79B757; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #84bd65; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #6eaf4b; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(164, 206, 141, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(164, 206, 141, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #ffffff; -} - -tabbox { - background-color: #e6e6e6; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -tabbox > tab:checked { - border-top-color: #ffffff; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(240, 240, 240, 0.94); - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - 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: #79B757; - border-color: #79B757; -} - -#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(29, 29, 29, 0.9); -} - -#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: white; - background-color: #79B757; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #79B757; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.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.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -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: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -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: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.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: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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 { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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 { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #79B757; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: white; -} - -.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: white; -} - -.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: gray; - background-color: rgba(230, 230, 230, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #b2d69e; - background-color: #79B757; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(227, 227, 227, 0.94); -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #79B757; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(255, 255, 255, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #79B757; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #79B757; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #79B757; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(240, 240, 240, 0.94); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #a4ce8d; - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(255, 255, 255, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(255, 255, 255, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #79B757; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(255, 255, 255, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(240, 240, 240, 0.94)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(121, 183, 87, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #79B757; - color: #f2f2f2; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #79B757; - color: #f2f2f2; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #79B757; - color: #f2f2f2; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(255, 255, 255, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(255, 255, 255, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(255, 255, 255, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #79B757; - border-color: #79B757; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(255, 255, 255, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #79B757; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #79B757; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #79B757; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -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: #79B757; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(255, 255, 255, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #79B757, #79B757); - 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: white; - 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: #79B757; - border-color: #79B757; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #79B757; -} - -.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: #79B757; - color: white; - 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: white; - color: #79B757; -} - -.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 * { - 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(255, 255, 255, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #79B757; - border-color: #79B757; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: rgba(42, 42, 42, 0.9); - 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 #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #79B757; - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #79B757; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: rgba(245, 245, 245, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #79B757; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 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(0, 0, 0, 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 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #87bf69; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(121, 183, 87, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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.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(255, 255, 255, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(255, 255, 255, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #79B757; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.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), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#79B757); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#79B757); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#79B757); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#79B757); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(222, 222, 222, 0.85); - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: rgba(255, 255, 255, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #79B757; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 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: #79B757; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(121, 183, 87, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(121, 183, 87, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #79B757; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - 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(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #f5f5f5; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@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 #79B757; -@define-color theme_selected_fg_color white; -@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 #79B757; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 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.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #79B757; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #79B757; -@define-color budgie_tasklist_indicator_color_active #79B757; -@define-color budgie_tasklist_indicator_color_active_window rgba(130, 188, 99, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-grey.css b/src/main/gtk-3.0/gtk-light-grey.css deleted file mode 100644 index 22963e8a..00000000 --- a/src/main/gtk-3.0/gtk-light-grey.css +++ /dev/null @@ -1,10695 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #8C8C8C; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #8C8C8C; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #8C8C8C; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #737373; - background-color: rgba(115, 115, 115, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #8C8C8C; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #8C8C8C; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #a6a6a6; - background-color: #8C8C8C; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #8C8C8C; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #8C8C8C; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 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(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#8C8C8C), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #8C8C8C; - border-color: #8C8C8C; - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(140, 140, 140, 0); - background-color: rgba(140, 140, 140, 0.55); - 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.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #8C8C8C; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #8C8C8C; - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #8C8C8C; - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #8C8C8C; - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -.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: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - 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: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - 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: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #d1d1d1; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f4f4f4; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #e8e8e8; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #e8e8e8; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(178, 178, 178, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(178, 178, 178, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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.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(0, 0, 0, 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: rgba(178, 178, 178, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.08); -} - -.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: rgba(178, 178, 178, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(178, 178, 178, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #8C8C8C; - border-color: #8C8C8C; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.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, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #b2b2b2; - border-color: #a8a8a8; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #b2b2b2; - color: rgba(255, 255, 255, 0.6); - border-color: #a8a8a8; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #b2b2b2; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #8C8C8C; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #8C8C8C; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.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: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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: #8C8C8C; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #c6c6c6; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #bababa; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #585858; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #dddddd; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #8C8C8C; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #8C8C8C; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #8C8C8C; -} - -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: white; - background-color: #8C8C8C; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(255, 255, 255, 0.95); - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #8C8C8C; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(255, 255, 255, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: rgba(243, 243, 243, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 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.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, rgba(140, 140, 140, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #e5e5e5 0%, #cccccc 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 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: -7px; -} - -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: 6px; - 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: #8C8C8C; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #cbcbcb; -} - -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: 6px; - background-color: #8C8C8C; -} - -scale highlight:disabled { - background-color: rgba(140, 140, 140, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(140, 140, 140, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #eeeeee; - border-color: #eeeeee; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #c6c6c6; - border-color: #c6c6c6; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #cbcbcb; - border-color: #cbcbcb; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #8C8C8C; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -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: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #8C8C8C; - background-color: #8C8C8C; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #8C8C8C; - background-color: #8C8C8C; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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.12); - 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.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(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 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(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 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(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 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(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 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: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #8C8C8C; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.25); -} - -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: #8C8C8C; -} - -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.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #8C8C8C; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #8C8C8C; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #8C8C8C; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - 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: 6px; -} - -.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.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.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.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-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("windows-assets/titlebutton-restore.png"), url("windows-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("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@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("windows-assets/titlebutton-restore-hover.png"), url("windows-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("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #8C8C8C; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #c6c6c6; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #8C8C8C; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #8C8C8C; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #8C8C8C; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(255, 255, 255, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #e8e8e8; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(140, 140, 140, 0.8); - border-color: rgba(115, 115, 115, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #8C8C8C; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #999999; -} - -.nemo-window .sidebar { - color: #363636; - background-color: rgba(240, 240, 240, 0.94); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(141, 141, 141, 0.97); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(178, 178, 178, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #8C8C8C; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #8C8C8C; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #242424; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #8C8C8C; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #8C8C8C; - 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.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(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -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; -} - -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.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #8C8C8C; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #8C8C8C; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#8C8C8C); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #8C8C8C; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#f9f9f9); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#f4f4f4); - color: #8C8C8C; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#8C8C8C); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(140, 140, 140, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #8C8C8C; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #bfbfbf; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #8C8C8C; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #969696; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #828282; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(178, 178, 178, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(178, 178, 178, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #ffffff; -} - -tabbox { - background-color: #e6e6e6; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -tabbox > tab:checked { - border-top-color: #ffffff; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(240, 240, 240, 0.94); - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - 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: #8C8C8C; - border-color: #8C8C8C; -} - -#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(29, 29, 29, 0.9); -} - -#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: white; - background-color: #8C8C8C; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #8C8C8C; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.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.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -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: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -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: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.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: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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 { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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 { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #8C8C8C; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: white; -} - -.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: white; -} - -.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: gray; - background-color: rgba(230, 230, 230, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #bfbfbf; - background-color: #8C8C8C; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(227, 227, 227, 0.94); -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #8C8C8C; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(255, 255, 255, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #8C8C8C; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #8C8C8C; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #8C8C8C; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(240, 240, 240, 0.94); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #b2b2b2; - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(255, 255, 255, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(255, 255, 255, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #8C8C8C; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(255, 255, 255, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(240, 240, 240, 0.94)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(140, 140, 140, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #8C8C8C; - color: #f2f2f2; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #8C8C8C; - color: #f2f2f2; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #8C8C8C; - color: #f2f2f2; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(255, 255, 255, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(255, 255, 255, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(255, 255, 255, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #8C8C8C; - border-color: #8C8C8C; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(255, 255, 255, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #8C8C8C; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #8C8C8C; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #8C8C8C; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -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: #8C8C8C; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(255, 255, 255, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); - 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: white; - 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: #8C8C8C; - border-color: #8C8C8C; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #8C8C8C; -} - -.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: #8C8C8C; - color: white; - 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: white; - color: #8C8C8C; -} - -.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 * { - 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(255, 255, 255, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #8C8C8C; - border-color: #8C8C8C; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: rgba(42, 42, 42, 0.9); - 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 #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #8C8C8C; - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #8C8C8C; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: rgba(245, 245, 245, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #8C8C8C; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 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(0, 0, 0, 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 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #999999; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(140, 140, 140, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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.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(255, 255, 255, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(255, 255, 255, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #8C8C8C; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.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), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#8C8C8C); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#8C8C8C); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#8C8C8C); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#8C8C8C); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(222, 222, 222, 0.85); - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: rgba(255, 255, 255, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #8C8C8C; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 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: #8C8C8C; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(140, 140, 140, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(140, 140, 140, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #8C8C8C; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - 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(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #f5f5f5; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@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 #8C8C8C; -@define-color theme_selected_fg_color white; -@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 #8C8C8C; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 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.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #8C8C8C; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #8C8C8C; -@define-color budgie_tasklist_indicator_color_active #8C8C8C; -@define-color budgie_tasklist_indicator_color_active_window rgba(148, 148, 148, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-orange.css b/src/main/gtk-3.0/gtk-light-orange.css deleted file mode 100644 index f737bd09..00000000 --- a/src/main/gtk-3.0/gtk-light-orange.css +++ /dev/null @@ -1,10695 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #E9873A; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #E9873A; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #E9873A; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #d86c18; - background-color: rgba(216, 108, 24, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #E9873A; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #E9873A; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #eea368; - background-color: #E9873A; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #E9873A; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #E9873A; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 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(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E9873A), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #E9873A; - border-color: #E9873A; - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(233, 135, 58, 0); - background-color: rgba(233, 135, 58, 0.55); - 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.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #E9873A; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #E9873A; - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #E9873A; - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #E9873A; - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -.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: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - 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: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - 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: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #f6cfb0; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fdf3eb; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fbe7d8; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fbe7d8; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(241, 177, 127, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(241, 177, 127, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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.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(0, 0, 0, 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: rgba(241, 177, 127, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.08); -} - -.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: rgba(241, 177, 127, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(241, 177, 127, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #E9873A; - border-color: #E9873A; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.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, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f1b17f; - border-color: #efa66c; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f1b17f; - color: rgba(255, 255, 255, 0.6); - border-color: #efa66c; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f1b17f; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #E9873A; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #E9873A; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.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: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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: #E9873A; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f4c39d; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #f2b789; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #87562f; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #f8dbc4; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #E9873A; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #E9873A; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #E9873A; -} - -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: white; - background-color: #E9873A; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(255, 255, 255, 0.95); - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #E9873A; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(255, 255, 255, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: rgba(243, 243, 243, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 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.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, rgba(233, 135, 58, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fbe9db 0%, #f6cdad 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 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: -7px; -} - -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: 6px; - 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: #E9873A; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #f5c9a6; -} - -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: 6px; - background-color: #E9873A; -} - -scale highlight:disabled { - background-color: rgba(233, 135, 58, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(233, 135, 58, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fcede1; - border-color: #fcede1; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f4c39d; - border-color: #f4c39d; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #f5c9a6; - border-color: #f5c9a6; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #E9873A; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -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: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #E9873A; - background-color: #E9873A; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #E9873A; - background-color: #E9873A; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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.12); - 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.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(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 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(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 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(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 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(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 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: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #E9873A; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.25); -} - -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: #E9873A; -} - -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.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #E9873A, #E9873A); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #E9873A; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #E9873A; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #E9873A; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - 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: 6px; -} - -.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.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.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.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-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("windows-assets/titlebutton-restore.png"), url("windows-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("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@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("windows-assets/titlebutton-restore-hover.png"), url("windows-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("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #E9873A; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f4c39d; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #E9873A; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #E9873A; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #E9873A; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(255, 255, 255, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fbe7d8; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(233, 135, 58, 0.8); - border-color: rgba(216, 108, 24, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #E9873A; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #ec9551; -} - -.nemo-window .sidebar { - color: #363636; - background-color: rgba(240, 240, 240, 0.94); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(141, 141, 141, 0.97); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(241, 177, 127, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #E9873A; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #E9873A; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #242424; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #E9873A; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #E9873A; - 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.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(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -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; -} - -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.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #E9873A; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #E9873A; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#E9873A); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #E9873A; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#fef9f5); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#fdf3eb); - color: #E9873A; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#E9873A); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(233, 135, 58, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #E9873A; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f3bf96; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #E9873A; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #eb924c; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #e77c28; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(241, 177, 127, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(241, 177, 127, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #ffffff; -} - -tabbox { - background-color: #e6e6e6; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -tabbox > tab:checked { - border-top-color: #ffffff; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(240, 240, 240, 0.94); - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - 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: #E9873A; - border-color: #E9873A; -} - -#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(29, 29, 29, 0.9); -} - -#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: white; - background-color: #E9873A; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #E9873A; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.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.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -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: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -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: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.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: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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 { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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 { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #E9873A; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: white; -} - -.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: white; -} - -.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: gray; - background-color: rgba(230, 230, 230, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f3bf96; - background-color: #E9873A; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(227, 227, 227, 0.94); -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #E9873A; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(255, 255, 255, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #E9873A; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #E9873A; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #E9873A; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(240, 240, 240, 0.94); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #f1b17f; - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(255, 255, 255, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(255, 255, 255, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #E9873A; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(255, 255, 255, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(240, 240, 240, 0.94)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(233, 135, 58, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E9873A; - color: #f2f2f2; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E9873A; - color: #f2f2f2; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #E9873A; - color: #f2f2f2; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(255, 255, 255, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(255, 255, 255, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(255, 255, 255, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #E9873A; - border-color: #E9873A; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(255, 255, 255, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #E9873A; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #E9873A; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #E9873A; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -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: #E9873A; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(255, 255, 255, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #E9873A, #E9873A); - 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: white; - 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: #E9873A; - border-color: #E9873A; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #E9873A; -} - -.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: #E9873A; - color: white; - 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: white; - color: #E9873A; -} - -.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 * { - 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(255, 255, 255, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #E9873A; - border-color: #E9873A; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: rgba(42, 42, 42, 0.9); - 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 #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #E9873A; - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #E9873A; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: rgba(245, 245, 245, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #E9873A; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 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(0, 0, 0, 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 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #ec9551; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(233, 135, 58, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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.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(255, 255, 255, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(255, 255, 255, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #E9873A; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.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), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#E9873A); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#E9873A); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#E9873A); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#E9873A); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(222, 222, 222, 0.85); - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: rgba(255, 255, 255, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #E9873A; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 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: #E9873A; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(233, 135, 58, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(233, 135, 58, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #E9873A; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - 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(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #f5f5f5; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@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 #E9873A; -@define-color theme_selected_fg_color white; -@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 #E9873A; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 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.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #E9873A; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #E9873A; -@define-color budgie_tasklist_indicator_color_active #E9873A; -@define-color budgie_tasklist_indicator_color_active_window rgba(235, 143, 72, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-pink.css b/src/main/gtk-3.0/gtk-light-pink.css deleted file mode 100644 index 0a07da4f..00000000 --- a/src/main/gtk-3.0/gtk-light-pink.css +++ /dev/null @@ -1,10695 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #E55E9C; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #E55E9C; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #E55E9C; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #de3281; - background-color: rgba(222, 50, 129, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #E55E9C; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #E55E9C; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #ec8ab7; - background-color: #E55E9C; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #E55E9C; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #E55E9C; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 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(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E55E9C), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #E55E9C; - border-color: #E55E9C; - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(229, 94, 156, 0); - background-color: rgba(229, 94, 156, 0.55); - 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.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #E55E9C; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #E55E9C; - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #E55E9C; - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #E55E9C; - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -.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: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - 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: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - 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: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #f5bfd7; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fceff5; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fadfeb; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fadfeb; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(240, 160, 197, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(240, 160, 197, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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.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(0, 0, 0, 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: rgba(240, 160, 197, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.08); -} - -.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: rgba(240, 160, 197, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(240, 160, 197, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #E55E9C; - border-color: #E55E9C; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.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, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f0a0c5; - border-color: #ed8eba; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f0a0c5; - color: rgba(255, 255, 255, 0.6); - border-color: #ed8eba; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f0a0c5; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #E55E9C; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #E55E9C; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.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: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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: #E55E9C; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f2afce; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #ef9ec4; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #854160; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #f7cfe1; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #E55E9C; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #E55E9C; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #E55E9C; -} - -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: white; - background-color: #E55E9C; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(255, 255, 255, 0.95); - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #E55E9C; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(255, 255, 255, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: rgba(243, 243, 243, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 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.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, rgba(229, 94, 156, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fef8fb 0%, #f7cce0 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 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: -7px; -} - -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: 6px; - 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: #E55E9C; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #f3b7d2; -} - -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: 6px; - background-color: #E55E9C; -} - -scale highlight:disabled { - background-color: rgba(229, 94, 156, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(229, 94, 156, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fbe7f0; - border-color: #fbe7f0; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f2afce; - border-color: #f2afce; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #f3b7d2; - border-color: #f3b7d2; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #E55E9C; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -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: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #E55E9C; - background-color: #E55E9C; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #E55E9C; - background-color: #E55E9C; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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.12); - 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.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(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 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(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 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(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 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(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 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: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #E55E9C; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.25); -} - -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: #E55E9C; -} - -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.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #E55E9C; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #E55E9C; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #E55E9C; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - 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: 6px; -} - -.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.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.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.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-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("windows-assets/titlebutton-restore.png"), url("windows-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("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@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("windows-assets/titlebutton-restore-hover.png"), url("windows-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("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #E55E9C; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f2afce; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #E55E9C; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #E55E9C; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #E55E9C; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(255, 255, 255, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fadfeb; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(229, 94, 156, 0.8); - border-color: rgba(222, 50, 129, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #E55E9C; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #e974aa; -} - -.nemo-window .sidebar { - color: #363636; - background-color: rgba(240, 240, 240, 0.94); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(141, 141, 141, 0.97); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(240, 160, 197, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #E55E9C; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #E55E9C; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #242424; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #E55E9C; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #E55E9C; - 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.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(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -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; -} - -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.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #E55E9C; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #E55E9C; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#E55E9C); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #E55E9C; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#fef7fa); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#fceff5); - color: #E55E9C; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#E55E9C); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(229, 94, 156, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #E55E9C; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f3b6d2; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #E55E9C; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #e870a7; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #e24c91; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(240, 160, 197, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(240, 160, 197, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #ffffff; -} - -tabbox { - background-color: #e6e6e6; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -tabbox > tab:checked { - border-top-color: #ffffff; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(240, 240, 240, 0.94); - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - 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: #E55E9C; - border-color: #E55E9C; -} - -#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(29, 29, 29, 0.9); -} - -#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: white; - background-color: #E55E9C; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #E55E9C; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.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.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -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: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -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: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.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: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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 { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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 { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #E55E9C; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: white; -} - -.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: white; -} - -.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: gray; - background-color: rgba(230, 230, 230, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f3b6d2; - background-color: #E55E9C; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(227, 227, 227, 0.94); -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #E55E9C; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(255, 255, 255, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #E55E9C; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #E55E9C; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #E55E9C; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(240, 240, 240, 0.94); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #f0a0c5; - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(255, 255, 255, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(255, 255, 255, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #E55E9C; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(255, 255, 255, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(240, 240, 240, 0.94)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(229, 94, 156, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E55E9C; - color: #f2f2f2; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E55E9C; - color: #f2f2f2; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #E55E9C; - color: #f2f2f2; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(255, 255, 255, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(255, 255, 255, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(255, 255, 255, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #E55E9C; - border-color: #E55E9C; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(255, 255, 255, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #E55E9C; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #E55E9C; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #E55E9C; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -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: #E55E9C; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(255, 255, 255, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); - 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: white; - 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: #E55E9C; - border-color: #E55E9C; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #E55E9C; -} - -.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: #E55E9C; - color: white; - 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: white; - color: #E55E9C; -} - -.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 * { - 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(255, 255, 255, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #E55E9C; - border-color: #E55E9C; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: rgba(42, 42, 42, 0.9); - 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 #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #E55E9C; - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #E55E9C; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: rgba(245, 245, 245, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #E55E9C; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 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(0, 0, 0, 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 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #e974aa; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(229, 94, 156, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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.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(255, 255, 255, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(255, 255, 255, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #E55E9C; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.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), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#E55E9C); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#E55E9C); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#E55E9C); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#E55E9C); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(222, 222, 222, 0.85); - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: rgba(255, 255, 255, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #E55E9C; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 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: #E55E9C; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(229, 94, 156, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(229, 94, 156, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #E55E9C; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - 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(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #f5f5f5; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@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 #E55E9C; -@define-color theme_selected_fg_color white; -@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 #E55E9C; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 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.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #E55E9C; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #E55E9C; -@define-color budgie_tasklist_indicator_color_active #E55E9C; -@define-color budgie_tasklist_indicator_color_active_window rgba(231, 105, 163, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-purple.css b/src/main/gtk-3.0/gtk-light-purple.css deleted file mode 100644 index bff90b21..00000000 --- a/src/main/gtk-3.0/gtk-light-purple.css +++ /dev/null @@ -1,10695 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #9A57A3; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #9A57A3; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #9A57A3; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #7b4582; - background-color: rgba(123, 69, 130, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #9A57A3; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #9A57A3; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #af77b6; - background-color: #9A57A3; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #9A57A3; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #9A57A3; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 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(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#9A57A3), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #9A57A3; - border-color: #9A57A3; - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(154, 87, 163, 0); - background-color: rgba(154, 87, 163, 0.55); - 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.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #9A57A3; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #9A57A3; - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #9A57A3; - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #9A57A3; - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -.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: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - 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: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - 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: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #d7bcda; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f5eef6; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #ebdded; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #ebdded; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(185, 135, 191, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(185, 135, 191, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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.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(0, 0, 0, 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: rgba(185, 135, 191, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.08); -} - -.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: rgba(185, 135, 191, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(185, 135, 191, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #9A57A3; - border-color: #9A57A3; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.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, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #b987bf; - border-color: #b17ab8; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #b987bf; - color: rgba(255, 255, 255, 0.6); - border-color: #b17ab8; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #b987bf; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #9A57A3; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #9A57A3; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.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: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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: #9A57A3; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #cdabd1; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #c29ac8; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #5f3e64; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #e1cde3; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #9A57A3; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #9A57A3; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #9A57A3; -} - -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: white; - background-color: #9A57A3; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(255, 255, 255, 0.95); - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #9A57A3; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(255, 255, 255, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: rgba(243, 243, 243, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 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.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, rgba(154, 87, 163, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #e0cae3 0%, #cca9d1 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 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: -7px; -} - -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: 6px; - 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: #9A57A3; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #d2b3d6; -} - -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: 6px; - background-color: #9A57A3; -} - -scale highlight:disabled { - background-color: rgba(154, 87, 163, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(154, 87, 163, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #f0e6f1; - border-color: #f0e6f1; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #cdabd1; - border-color: #cdabd1; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #d2b3d6; - border-color: #d2b3d6; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #9A57A3; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -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: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #9A57A3; - background-color: #9A57A3; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #9A57A3; - background-color: #9A57A3; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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.12); - 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.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(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 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(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 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(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 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(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 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: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #9A57A3; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.25); -} - -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: #9A57A3; -} - -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.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #9A57A3; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #9A57A3; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #9A57A3; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - 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: 6px; -} - -.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.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.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.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-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("windows-assets/titlebutton-restore.png"), url("windows-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("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@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("windows-assets/titlebutton-restore-hover.png"), url("windows-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("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #9A57A3; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #cdabd1; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #9A57A3; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #9A57A3; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #9A57A3; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(255, 255, 255, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #ebdded; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(154, 87, 163, 0.8); - border-color: rgba(123, 69, 130, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #9A57A3; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #a566ad; -} - -.nemo-window .sidebar { - color: #363636; - background-color: rgba(240, 240, 240, 0.94); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(141, 141, 141, 0.97); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(185, 135, 191, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #9A57A3; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #9A57A3; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #242424; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #9A57A3; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #9A57A3; - 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.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(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -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; -} - -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.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #9A57A3; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #9A57A3; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#9A57A3); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #9A57A3; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#faf7fa); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#f5eef6); - color: #9A57A3; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#9A57A3); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(154, 87, 163, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #9A57A3; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #c298c8; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #9A57A3; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #a363ac; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #8d5096; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(185, 135, 191, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(185, 135, 191, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #ffffff; -} - -tabbox { - background-color: #e6e6e6; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -tabbox > tab:checked { - border-top-color: #ffffff; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(240, 240, 240, 0.94); - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - 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: #9A57A3; - border-color: #9A57A3; -} - -#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(29, 29, 29, 0.9); -} - -#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: white; - background-color: #9A57A3; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #9A57A3; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.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.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -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: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -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: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.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: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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 { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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 { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #9A57A3; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: white; -} - -.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: white; -} - -.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: gray; - background-color: rgba(230, 230, 230, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #c298c8; - background-color: #9A57A3; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(227, 227, 227, 0.94); -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #9A57A3; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(255, 255, 255, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #9A57A3; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #9A57A3; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #9A57A3; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(240, 240, 240, 0.94); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #b987bf; - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(255, 255, 255, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(255, 255, 255, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #9A57A3; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(255, 255, 255, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(240, 240, 240, 0.94)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(154, 87, 163, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #9A57A3; - color: #f2f2f2; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #9A57A3; - color: #f2f2f2; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #9A57A3; - color: #f2f2f2; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(255, 255, 255, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(255, 255, 255, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(255, 255, 255, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #9A57A3; - border-color: #9A57A3; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(255, 255, 255, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #9A57A3; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #9A57A3; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #9A57A3; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -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: #9A57A3; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(255, 255, 255, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); - 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: white; - 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: #9A57A3; - border-color: #9A57A3; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #9A57A3; -} - -.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: #9A57A3; - color: white; - 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: white; - color: #9A57A3; -} - -.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 * { - 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(255, 255, 255, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #9A57A3; - border-color: #9A57A3; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: rgba(42, 42, 42, 0.9); - 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 #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #9A57A3; - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #9A57A3; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: rgba(245, 245, 245, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #9A57A3; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 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(0, 0, 0, 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 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #a566ad; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(154, 87, 163, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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.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(255, 255, 255, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(255, 255, 255, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #9A57A3; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.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), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#9A57A3); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#9A57A3); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#9A57A3); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#9A57A3); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(222, 222, 222, 0.85); - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: rgba(255, 255, 255, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #9A57A3; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 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: #9A57A3; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(154, 87, 163, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(154, 87, 163, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #9A57A3; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - 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(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #f5f5f5; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@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 #9A57A3; -@define-color theme_selected_fg_color white; -@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 #9A57A3; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 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.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #9A57A3; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #9A57A3; -@define-color budgie_tasklist_indicator_color_active #9A57A3; -@define-color budgie_tasklist_indicator_color_active_window rgba(161, 99, 169, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-red.css b/src/main/gtk-3.0/gtk-light-red.css deleted file mode 100644 index 5e002cc0..00000000 --- a/src/main/gtk-3.0/gtk-light-red.css +++ /dev/null @@ -1,10695 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #ED5F5D; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #ED5F5D; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #ED5F5D; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #e8322f; - background-color: rgba(232, 50, 47, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #ED5F5D; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #ED5F5D; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #f28c8b; - background-color: #ED5F5D; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #ED5F5D; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #ED5F5D; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 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(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#ED5F5D), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #ED5F5D; - border-color: #ED5F5D; - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(237, 95, 93, 0); - background-color: rgba(237, 95, 93, 0.55); - 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.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #ED5F5D; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #ED5F5D; - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #ED5F5D; - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #ED5F5D; - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -.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: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - 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: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - 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: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #f8bfbe; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fdefef; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fbdfdf; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fbdfdf; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(245, 163, 162, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(245, 163, 162, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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.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(0, 0, 0, 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: rgba(245, 163, 162, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.08); -} - -.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: rgba(245, 163, 162, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(245, 163, 162, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #ED5F5D; - border-color: #ED5F5D; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.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, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f5a3a2; - border-color: #f3918f; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f5a3a2; - color: rgba(255, 255, 255, 0.6); - border-color: #f3918f; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f5a3a2; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #ED5F5D; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #ED5F5D; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.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: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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: #ED5F5D; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f6afae; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #f49f9e; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #894241; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #facfce; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #ED5F5D; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #ED5F5D; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #ED5F5D; -} - -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: white; - background-color: #ED5F5D; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(255, 255, 255, 0.95); - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #ED5F5D; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(255, 255, 255, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: rgba(243, 243, 243, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 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.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, rgba(237, 95, 93, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fffefe 0%, #fad0d0 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 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: -7px; -} - -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: 6px; - 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: #ED5F5D; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #f7b7b6; -} - -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: 6px; - background-color: #ED5F5D; -} - -scale highlight:disabled { - background-color: rgba(237, 95, 93, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(237, 95, 93, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fce7e7; - border-color: #fce7e7; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f6afae; - border-color: #f6afae; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #f7b7b6; - border-color: #f7b7b6; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #ED5F5D; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -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: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #ED5F5D; - background-color: #ED5F5D; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #ED5F5D; - background-color: #ED5F5D; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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.12); - 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.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(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 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(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 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(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 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(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 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: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #ED5F5D; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.25); -} - -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: #ED5F5D; -} - -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.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #ED5F5D; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #ED5F5D; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #ED5F5D; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - 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: 6px; -} - -.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.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.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.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-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("windows-assets/titlebutton-restore.png"), url("windows-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("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@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("windows-assets/titlebutton-restore-hover.png"), url("windows-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("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #ED5F5D; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f6afae; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #ED5F5D; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #ED5F5D; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #ED5F5D; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(255, 255, 255, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fbdfdf; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(237, 95, 93, 0.8); - border-color: rgba(232, 50, 47, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #ED5F5D; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #f07674; -} - -.nemo-window .sidebar { - color: #363636; - background-color: rgba(240, 240, 240, 0.94); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(141, 141, 141, 0.97); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(245, 163, 162, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #ED5F5D; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #ED5F5D; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #242424; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #ED5F5D; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #ED5F5D; - 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.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(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -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; -} - -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.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #ED5F5D; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #ED5F5D; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#ED5F5D); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #ED5F5D; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#fef7f7); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#fdefef); - color: #ED5F5D; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#ED5F5D); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(237, 95, 93, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #ED5F5D; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f7bab9; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #ED5F5D; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #ef716f; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #eb4d4b; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(245, 163, 162, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(245, 163, 162, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #ffffff; -} - -tabbox { - background-color: #e6e6e6; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -tabbox > tab:checked { - border-top-color: #ffffff; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(240, 240, 240, 0.94); - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - 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: #ED5F5D; - border-color: #ED5F5D; -} - -#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(29, 29, 29, 0.9); -} - -#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: white; - background-color: #ED5F5D; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #ED5F5D; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.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.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -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: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -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: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.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: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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 { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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 { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #ED5F5D; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: white; -} - -.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: white; -} - -.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: gray; - background-color: rgba(230, 230, 230, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f7bab9; - background-color: #ED5F5D; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(227, 227, 227, 0.94); -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #ED5F5D; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(255, 255, 255, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #ED5F5D; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #ED5F5D; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #ED5F5D; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(240, 240, 240, 0.94); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #f5a3a2; - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(255, 255, 255, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(255, 255, 255, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #ED5F5D; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(255, 255, 255, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(240, 240, 240, 0.94)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(237, 95, 93, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #ED5F5D; - color: #f2f2f2; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #ED5F5D; - color: #f2f2f2; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #ED5F5D; - color: #f2f2f2; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(255, 255, 255, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(255, 255, 255, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(255, 255, 255, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #ED5F5D; - border-color: #ED5F5D; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(255, 255, 255, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #ED5F5D; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #ED5F5D; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #ED5F5D; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -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: #ED5F5D; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(255, 255, 255, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); - 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: white; - 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: #ED5F5D; - border-color: #ED5F5D; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #ED5F5D; -} - -.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: #ED5F5D; - color: white; - 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: white; - color: #ED5F5D; -} - -.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 * { - 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(255, 255, 255, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #ED5F5D; - border-color: #ED5F5D; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: rgba(42, 42, 42, 0.9); - 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 #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #ED5F5D; - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #ED5F5D; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: rgba(245, 245, 245, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #ED5F5D; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 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(0, 0, 0, 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 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #f07674; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(237, 95, 93, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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.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(255, 255, 255, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(255, 255, 255, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #ED5F5D; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.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), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#ED5F5D); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#ED5F5D); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#ED5F5D); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#ED5F5D); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(222, 222, 222, 0.85); - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: rgba(255, 255, 255, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #ED5F5D; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 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: #ED5F5D; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(237, 95, 93, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(237, 95, 93, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #ED5F5D; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - 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(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #f5f5f5; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@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 #ED5F5D; -@define-color theme_selected_fg_color white; -@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 #ED5F5D; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 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.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #ED5F5D; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #ED5F5D; -@define-color budgie_tasklist_indicator_color_active #ED5F5D; -@define-color budgie_tasklist_indicator_color_active_window rgba(238, 106, 104, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-blue.css b/src/main/gtk-3.0/gtk-light-solid-blue.css deleted file mode 100644 index 752928fa..00000000 --- a/src/main/gtk-3.0/gtk-light-solid-blue.css +++ /dev/null @@ -1,10700 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #2E7CF7; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #2E7CF7; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #2E7CF7; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #0960e9; - background-color: rgba(9, 96, 233, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #2E7CF7; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #2E7CF7; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: #2a2a2a; - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #5f9bf9; - background-color: #2E7CF7; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #2E7CF7; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #2E7CF7; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 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(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#2E7CF7), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #2E7CF7; - border-color: #2E7CF7; - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(46, 124, 247, 0); - background-color: rgba(46, 124, 247, 0.55); - 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.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #2E7CF7; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #2E7CF7; - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #2E7CF7; - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #2E7CF7; - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -.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: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - 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: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - 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: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #abcbfc; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #eaf2fe; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #d5e5fd; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #d5e5fd; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(120, 170, 250, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(120, 170, 250, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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.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(0, 0, 0, 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: rgba(120, 170, 250, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.08); -} - -.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: rgba(120, 170, 250, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(120, 170, 250, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #2E7CF7; - border-color: #2E7CF7; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.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, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #78aafa; - border-color: #649ef9; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #78aafa; - color: rgba(255, 255, 255, 0.6); - border-color: #649ef9; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #78aafa; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #2E7CF7; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #2E7CF7; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.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: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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: #2E7CF7; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #97befb; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #82b0fa; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #29508e; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #c0d8fd; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #2E7CF7; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #2E7CF7; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #2E7CF7; -} - -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: white; - background-color: #2E7CF7; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #ffffff; - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #2E7CF7; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #ffffff; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: #f4f4f4; -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 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.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, rgba(46, 124, 247, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #dae8fe 0%, #a9c9fc 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 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: -7px; -} - -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: 6px; - 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: #2E7CF7; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #a1c4fb; -} - -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: 6px; - background-color: #2E7CF7; -} - -scale highlight:disabled { - background-color: rgba(46, 124, 247, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(46, 124, 247, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #e0ebfe; - border-color: #e0ebfe; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #97befb; - border-color: #97befb; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #a1c4fb; - border-color: #a1c4fb; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #2E7CF7; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -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: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #2E7CF7; - background-color: #2E7CF7; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #2E7CF7; - background-color: #2E7CF7; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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.12); - 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.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(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 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(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 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(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 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(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 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: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #2E7CF7; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.25); -} - -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: #2E7CF7; -} - -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.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #2E7CF7; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #2E7CF7; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #2E7CF7; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - 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: 6px; -} - -.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.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.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.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-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("windows-assets/titlebutton-restore.png"), url("windows-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("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@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("windows-assets/titlebutton-restore-hover.png"), url("windows-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("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #2E7CF7; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #97befb; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #2E7CF7; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #2E7CF7; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #2E7CF7; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #ffffff; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #d5e5fd; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(46, 124, 247, 0.8); - border-color: rgba(9, 96, 233, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #2E7CF7; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #478bf8; -} - -.nemo-window .sidebar { - color: #363636; - background-color: #f0f0f0; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #939393; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(120, 170, 250, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #2E7CF7; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #2E7CF7; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #242424; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #2E7CF7; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #2E7CF7; - 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.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(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -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; -} - -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.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #2E7CF7; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #2E7CF7; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#2E7CF7); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #2E7CF7; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#f5f8ff); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#eaf2fe); - color: #2E7CF7; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#2E7CF7); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(46, 124, 247, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #2E7CF7; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #90bafb; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #2E7CF7; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #4288f8; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #1a70f6; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(120, 170, 250, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(120, 170, 250, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #ffffff; -} - -tabbox { - background-color: #e6e6e6; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -tabbox > tab:checked { - border-top-color: #ffffff; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - 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: #2E7CF7; - border-color: #2E7CF7; -} - -#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: #1d1d1d; -} - -#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: white; - background-color: #2E7CF7; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #2E7CF7; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.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.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -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: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -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: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.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: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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 { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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 { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #2E7CF7; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #f1f1f1; -} - -.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: #d8d8d8; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #fefefe; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #90bafb; - background-color: #2E7CF7; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: #e3e3e3; -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #2E7CF7; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #363636; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.3); -} - -.xfce4-panel.panel { - background-color: #f1f1f1; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: #f1f1f1; - color: #363636; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #2E7CF7; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #2E7CF7; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #2E7CF7; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #f0f0f0; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #78aafa; - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #ffffff; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #ffffff; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #2E7CF7; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #ffffff; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#f0f0f0); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(46, 124, 247, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #2E7CF7; - color: #292929; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #2E7CF7; - color: #292929; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #2E7CF7; - color: #292929; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #363636; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(241, 241, 241, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #363636; -} - -.menubar.panel .panel.maximized { - background-color: rgba(241, 241, 241, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(241, 241, 241, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #2E7CF7; - border-color: #2E7CF7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #363636; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #363636; - border-radius: 2px; - color: #f1f1f1; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #2E7CF7; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #2E7CF7; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #2E7CF7; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -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: #2E7CF7; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(241, 241, 241, 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: white; - background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); - 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: white; - 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: #2E7CF7; - border-color: #2E7CF7; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #2E7CF7; -} - -.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: #2E7CF7; - color: white; - 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: white; - color: #2E7CF7; -} - -.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 * { - 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: #f1f1f1; - color: #363636; - font-weight: bold; - box-shadow: inset 0 -1px #dfdfdf; -} - -#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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #2E7CF7; - border-color: #2E7CF7; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #2a2a2a; - 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 #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #2E7CF7; - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #ffffff; -} - -.raven button.linked:hover { - background-color: #f2f2f2; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #2E7CF7; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: #f5f5f5; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #2E7CF7; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 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(0, 0, 0, 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 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #478bf8; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(46, 124, 247, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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.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: #f1f1f1; - color: #363636; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(241, 241, 241, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(54, 54, 54, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(54, 54, 54, 0.1); - color: rgba(54, 54, 54, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(54, 54, 54, 0.15); - color: #363636; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(54, 54, 54, 0.12); - color: #363636; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(54, 54, 54, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #363636; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #2E7CF7; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(54, 54, 54, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.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), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#2E7CF7); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#2E7CF7); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#2E7CF7); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#2E7CF7); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #dedede; - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: #ffffff; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #f2f2f2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #2E7CF7; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 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: #2E7CF7; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(46, 124, 247, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(46, 124, 247, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #2E7CF7; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - 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(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #ffffff; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #f5f5f5; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(54, 54, 54, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@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 #2E7CF7; -@define-color theme_selected_fg_color white; -@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 #2E7CF7; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 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.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #2E7CF7; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #2E7CF7; -@define-color budgie_tasklist_indicator_color_active #2E7CF7; -@define-color budgie_tasklist_indicator_color_active_window #88b2f4; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-green.css b/src/main/gtk-3.0/gtk-light-solid-green.css deleted file mode 100644 index 06131420..00000000 --- a/src/main/gtk-3.0/gtk-light-solid-green.css +++ /dev/null @@ -1,10700 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #79B757; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #79B757; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #79B757; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #619942; - background-color: rgba(97, 153, 66, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #79B757; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #79B757; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: #2a2a2a; - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #95c67b; - background-color: #79B757; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #79B757; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #79B757; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 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(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#79B757), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #79B757; - border-color: #79B757; - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(121, 183, 87, 0); - background-color: rgba(121, 183, 87, 0.55); - 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.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #79B757; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #79B757; - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #79B757; - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #79B757; - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -.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: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - 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: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - 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: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #c9e2bc; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f2f8ee; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #e4f1dd; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #e4f1dd; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(164, 206, 141, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(164, 206, 141, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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.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(0, 0, 0, 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: rgba(164, 206, 141, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.08); -} - -.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: rgba(164, 206, 141, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(164, 206, 141, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #79B757; - border-color: #79B757; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.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, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #a4ce8d; - border-color: #98c87e; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #a4ce8d; - color: rgba(255, 255, 255, 0.6); - border-color: #98c87e; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #a4ce8d; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #79B757; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #79B757; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.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: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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: #79B757; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #bcdbab; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #afd49a; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #4f6e3e; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #d7e9cd; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #79B757; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #79B757; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #79B757; -} - -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: white; - background-color: #79B757; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #ffffff; - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #79B757; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #ffffff; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: #f4f4f4; -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 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.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, rgba(121, 183, 87, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #ddedd4 0%, #c0ddb0 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 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: -7px; -} - -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: 6px; - 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: #79B757; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #c3dfb3; -} - -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: 6px; - background-color: #79B757; -} - -scale highlight:disabled { - background-color: rgba(121, 183, 87, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(121, 183, 87, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #ebf4e6; - border-color: #ebf4e6; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #bcdbab; - border-color: #bcdbab; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #c3dfb3; - border-color: #c3dfb3; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #79B757; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -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: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #79B757; - background-color: #79B757; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #79B757; - background-color: #79B757; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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.12); - 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.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(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 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(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 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(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 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(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 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: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #79B757; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.25); -} - -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: #79B757; -} - -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.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #79B757, #79B757); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #79B757; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #79B757; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #79B757; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - 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: 6px; -} - -.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.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.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.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-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("windows-assets/titlebutton-restore.png"), url("windows-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("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@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("windows-assets/titlebutton-restore-hover.png"), url("windows-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("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #79B757; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #bcdbab; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #79B757; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #79B757; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #79B757; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #ffffff; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #e4f1dd; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(121, 183, 87, 0.8); - border-color: rgba(97, 153, 66, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #79B757; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #87bf69; -} - -.nemo-window .sidebar { - color: #363636; - background-color: #f0f0f0; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #939393; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(164, 206, 141, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #79B757; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #79B757; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #242424; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #79B757; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #79B757; - 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.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(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -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; -} - -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.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #79B757; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #79B757; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#79B757); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #79B757; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#f8fbf7); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#f2f8ee); - color: #79B757; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#79B757); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(121, 183, 87, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #79B757; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #b2d69e; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #79B757; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #84bd65; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #6eaf4b; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(164, 206, 141, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(164, 206, 141, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #ffffff; -} - -tabbox { - background-color: #e6e6e6; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -tabbox > tab:checked { - border-top-color: #ffffff; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - 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: #79B757; - border-color: #79B757; -} - -#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: #1d1d1d; -} - -#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: white; - background-color: #79B757; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #79B757; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.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.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -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: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -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: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.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: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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 { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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 { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #79B757; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #f1f1f1; -} - -.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: #d8d8d8; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #fefefe; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #b2d69e; - background-color: #79B757; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: #e3e3e3; -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #79B757; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #363636; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.3); -} - -.xfce4-panel.panel { - background-color: #f1f1f1; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: #f1f1f1; - color: #363636; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #79B757; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #79B757; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #79B757; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #f0f0f0; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #a4ce8d; - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #ffffff; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #ffffff; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #79B757; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #ffffff; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#f0f0f0); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(121, 183, 87, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #79B757; - color: #292929; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #79B757; - color: #292929; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #79B757; - color: #292929; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #363636; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(241, 241, 241, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #363636; -} - -.menubar.panel .panel.maximized { - background-color: rgba(241, 241, 241, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(241, 241, 241, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #79B757; - border-color: #79B757; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #363636; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #363636; - border-radius: 2px; - color: #f1f1f1; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #79B757; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #79B757; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #79B757; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -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: #79B757; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(241, 241, 241, 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: white; - background-image: linear-gradient(to bottom, #79B757, #79B757); - 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: white; - 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: #79B757; - border-color: #79B757; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #79B757; -} - -.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: #79B757; - color: white; - 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: white; - color: #79B757; -} - -.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 * { - 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: #f1f1f1; - color: #363636; - font-weight: bold; - box-shadow: inset 0 -1px #dfdfdf; -} - -#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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #79B757; - border-color: #79B757; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #2a2a2a; - 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 #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #79B757; - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #ffffff; -} - -.raven button.linked:hover { - background-color: #f2f2f2; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #79B757; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: #f5f5f5; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #79B757; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 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(0, 0, 0, 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 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #87bf69; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(121, 183, 87, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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.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: #f1f1f1; - color: #363636; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(241, 241, 241, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(54, 54, 54, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(54, 54, 54, 0.1); - color: rgba(54, 54, 54, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(54, 54, 54, 0.15); - color: #363636; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(54, 54, 54, 0.12); - color: #363636; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(54, 54, 54, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #363636; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #79B757; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(54, 54, 54, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.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), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#79B757); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#79B757); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#79B757); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#79B757); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #dedede; - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: #ffffff; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #f2f2f2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #79B757; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 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: #79B757; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(121, 183, 87, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(121, 183, 87, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #79B757; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - 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(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #ffffff; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #f5f5f5; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(54, 54, 54, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@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 #79B757; -@define-color theme_selected_fg_color white; -@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 #79B757; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 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.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #79B757; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #79B757; -@define-color budgie_tasklist_indicator_color_active #79B757; -@define-color budgie_tasklist_indicator_color_active_window #b0d29e; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-grey.css b/src/main/gtk-3.0/gtk-light-solid-grey.css deleted file mode 100644 index b1843523..00000000 --- a/src/main/gtk-3.0/gtk-light-solid-grey.css +++ /dev/null @@ -1,10700 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #8C8C8C; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #8C8C8C; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #8C8C8C; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #737373; - background-color: rgba(115, 115, 115, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #8C8C8C; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #8C8C8C; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: #2a2a2a; - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #a6a6a6; - background-color: #8C8C8C; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #8C8C8C; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #8C8C8C; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 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(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#8C8C8C), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #8C8C8C; - border-color: #8C8C8C; - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(140, 140, 140, 0); - background-color: rgba(140, 140, 140, 0.55); - 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.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #8C8C8C; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #8C8C8C; - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #8C8C8C; - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #8C8C8C; - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -.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: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - 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: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - 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: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #d1d1d1; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f4f4f4; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #e8e8e8; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #e8e8e8; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(178, 178, 178, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(178, 178, 178, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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.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(0, 0, 0, 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: rgba(178, 178, 178, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.08); -} - -.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: rgba(178, 178, 178, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(178, 178, 178, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #8C8C8C; - border-color: #8C8C8C; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.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, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #b2b2b2; - border-color: #a8a8a8; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #b2b2b2; - color: rgba(255, 255, 255, 0.6); - border-color: #a8a8a8; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #b2b2b2; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #8C8C8C; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #8C8C8C; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.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: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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: #8C8C8C; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #c6c6c6; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #bababa; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #585858; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #dddddd; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #8C8C8C; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #8C8C8C; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #8C8C8C; -} - -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: white; - background-color: #8C8C8C; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #ffffff; - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #8C8C8C; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #ffffff; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: #f4f4f4; -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 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.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, rgba(140, 140, 140, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #e5e5e5 0%, #cccccc 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 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: -7px; -} - -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: 6px; - 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: #8C8C8C; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #cbcbcb; -} - -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: 6px; - background-color: #8C8C8C; -} - -scale highlight:disabled { - background-color: rgba(140, 140, 140, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(140, 140, 140, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #eeeeee; - border-color: #eeeeee; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #c6c6c6; - border-color: #c6c6c6; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #cbcbcb; - border-color: #cbcbcb; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #8C8C8C; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -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: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #8C8C8C; - background-color: #8C8C8C; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #8C8C8C; - background-color: #8C8C8C; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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.12); - 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.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(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 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(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 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(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 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(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 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: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #8C8C8C; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.25); -} - -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: #8C8C8C; -} - -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.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #8C8C8C; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #8C8C8C; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #8C8C8C; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - 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: 6px; -} - -.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.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.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.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-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("windows-assets/titlebutton-restore.png"), url("windows-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("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@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("windows-assets/titlebutton-restore-hover.png"), url("windows-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("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #8C8C8C; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #c6c6c6; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #8C8C8C; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #8C8C8C; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #8C8C8C; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #ffffff; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #e8e8e8; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(140, 140, 140, 0.8); - border-color: rgba(115, 115, 115, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #8C8C8C; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #999999; -} - -.nemo-window .sidebar { - color: #363636; - background-color: #f0f0f0; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #939393; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(178, 178, 178, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #8C8C8C; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #8C8C8C; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #242424; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #8C8C8C; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #8C8C8C; - 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.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(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -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; -} - -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.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #8C8C8C; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #8C8C8C; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#8C8C8C); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #8C8C8C; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#f9f9f9); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#f4f4f4); - color: #8C8C8C; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#8C8C8C); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(140, 140, 140, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #8C8C8C; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #bfbfbf; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #8C8C8C; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #969696; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #828282; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(178, 178, 178, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(178, 178, 178, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #ffffff; -} - -tabbox { - background-color: #e6e6e6; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -tabbox > tab:checked { - border-top-color: #ffffff; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - 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: #8C8C8C; - border-color: #8C8C8C; -} - -#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: #1d1d1d; -} - -#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: white; - background-color: #8C8C8C; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #8C8C8C; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.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.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -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: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -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: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.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: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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 { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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 { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #8C8C8C; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #f1f1f1; -} - -.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: #d8d8d8; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #fefefe; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #bfbfbf; - background-color: #8C8C8C; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: #e3e3e3; -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #8C8C8C; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #363636; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.3); -} - -.xfce4-panel.panel { - background-color: #f1f1f1; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: #f1f1f1; - color: #363636; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #8C8C8C; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #8C8C8C; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #8C8C8C; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #f0f0f0; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #b2b2b2; - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #ffffff; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #ffffff; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #8C8C8C; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #ffffff; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#f0f0f0); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(140, 140, 140, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #8C8C8C; - color: #292929; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #8C8C8C; - color: #292929; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #8C8C8C; - color: #292929; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #363636; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(241, 241, 241, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #363636; -} - -.menubar.panel .panel.maximized { - background-color: rgba(241, 241, 241, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(241, 241, 241, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #8C8C8C; - border-color: #8C8C8C; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #363636; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #363636; - border-radius: 2px; - color: #f1f1f1; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #8C8C8C; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #8C8C8C; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #8C8C8C; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -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: #8C8C8C; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(241, 241, 241, 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: white; - background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); - 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: white; - 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: #8C8C8C; - border-color: #8C8C8C; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #8C8C8C; -} - -.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: #8C8C8C; - color: white; - 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: white; - color: #8C8C8C; -} - -.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 * { - 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: #f1f1f1; - color: #363636; - font-weight: bold; - box-shadow: inset 0 -1px #dfdfdf; -} - -#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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #8C8C8C; - border-color: #8C8C8C; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #2a2a2a; - 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 #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #8C8C8C; - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #ffffff; -} - -.raven button.linked:hover { - background-color: #f2f2f2; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #8C8C8C; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: #f5f5f5; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #8C8C8C; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 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(0, 0, 0, 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 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #999999; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(140, 140, 140, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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.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: #f1f1f1; - color: #363636; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(241, 241, 241, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(54, 54, 54, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(54, 54, 54, 0.1); - color: rgba(54, 54, 54, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(54, 54, 54, 0.15); - color: #363636; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(54, 54, 54, 0.12); - color: #363636; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(54, 54, 54, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #363636; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #8C8C8C; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(54, 54, 54, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.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), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#8C8C8C); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#8C8C8C); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#8C8C8C); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#8C8C8C); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #dedede; - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: #ffffff; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #f2f2f2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #8C8C8C; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 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: #8C8C8C; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(140, 140, 140, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(140, 140, 140, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #8C8C8C; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - 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(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #ffffff; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #f5f5f5; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(54, 54, 54, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@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 #8C8C8C; -@define-color theme_selected_fg_color white; -@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 #8C8C8C; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 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.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #8C8C8C; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #8C8C8C; -@define-color budgie_tasklist_indicator_color_active #8C8C8C; -@define-color budgie_tasklist_indicator_color_active_window #bababa; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-orange.css b/src/main/gtk-3.0/gtk-light-solid-orange.css deleted file mode 100644 index ced7fa95..00000000 --- a/src/main/gtk-3.0/gtk-light-solid-orange.css +++ /dev/null @@ -1,10700 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #E9873A; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #E9873A; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #E9873A; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #d86c18; - background-color: rgba(216, 108, 24, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #E9873A; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #E9873A; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: #2a2a2a; - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #eea368; - background-color: #E9873A; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #E9873A; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #E9873A; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 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(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E9873A), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #E9873A; - border-color: #E9873A; - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(233, 135, 58, 0); - background-color: rgba(233, 135, 58, 0.55); - 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.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #E9873A; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #E9873A; - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #E9873A; - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #E9873A; - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -.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: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - 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: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - 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: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #f6cfb0; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fdf3eb; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fbe7d8; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fbe7d8; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(241, 177, 127, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(241, 177, 127, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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.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(0, 0, 0, 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: rgba(241, 177, 127, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.08); -} - -.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: rgba(241, 177, 127, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(241, 177, 127, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #E9873A; - border-color: #E9873A; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.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, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f1b17f; - border-color: #efa66c; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f1b17f; - color: rgba(255, 255, 255, 0.6); - border-color: #efa66c; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f1b17f; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #E9873A; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #E9873A; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.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: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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: #E9873A; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f4c39d; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #f2b789; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #87562f; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #f8dbc4; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #E9873A; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #E9873A; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #E9873A; -} - -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: white; - background-color: #E9873A; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #ffffff; - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #E9873A; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #ffffff; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: #f4f4f4; -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 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.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, rgba(233, 135, 58, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fbe9db 0%, #f6cdad 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 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: -7px; -} - -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: 6px; - 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: #E9873A; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #f5c9a6; -} - -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: 6px; - background-color: #E9873A; -} - -scale highlight:disabled { - background-color: rgba(233, 135, 58, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(233, 135, 58, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fcede1; - border-color: #fcede1; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f4c39d; - border-color: #f4c39d; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #f5c9a6; - border-color: #f5c9a6; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #E9873A; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -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: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #E9873A; - background-color: #E9873A; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #E9873A; - background-color: #E9873A; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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.12); - 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.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(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 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(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 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(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 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(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 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: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #E9873A; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.25); -} - -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: #E9873A; -} - -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.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #E9873A, #E9873A); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #E9873A; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #E9873A; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #E9873A; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - 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: 6px; -} - -.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.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.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.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-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("windows-assets/titlebutton-restore.png"), url("windows-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("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@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("windows-assets/titlebutton-restore-hover.png"), url("windows-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("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #E9873A; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f4c39d; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #E9873A; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #E9873A; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #E9873A; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #ffffff; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fbe7d8; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(233, 135, 58, 0.8); - border-color: rgba(216, 108, 24, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #E9873A; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #ec9551; -} - -.nemo-window .sidebar { - color: #363636; - background-color: #f0f0f0; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #939393; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(241, 177, 127, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #E9873A; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #E9873A; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #242424; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #E9873A; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #E9873A; - 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.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(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -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; -} - -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.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #E9873A; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #E9873A; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#E9873A); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #E9873A; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#fef9f5); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#fdf3eb); - color: #E9873A; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#E9873A); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(233, 135, 58, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #E9873A; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f3bf96; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #E9873A; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #eb924c; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #e77c28; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(241, 177, 127, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(241, 177, 127, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #ffffff; -} - -tabbox { - background-color: #e6e6e6; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -tabbox > tab:checked { - border-top-color: #ffffff; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - 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: #E9873A; - border-color: #E9873A; -} - -#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: #1d1d1d; -} - -#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: white; - background-color: #E9873A; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #E9873A; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.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.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -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: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -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: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.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: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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 { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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 { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #E9873A; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #f1f1f1; -} - -.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: #d8d8d8; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #fefefe; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f3bf96; - background-color: #E9873A; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: #e3e3e3; -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #E9873A; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #363636; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.3); -} - -.xfce4-panel.panel { - background-color: #f1f1f1; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: #f1f1f1; - color: #363636; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #E9873A; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #E9873A; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #E9873A; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #f0f0f0; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #f1b17f; - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #ffffff; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #ffffff; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #E9873A; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #ffffff; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#f0f0f0); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(233, 135, 58, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E9873A; - color: #292929; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E9873A; - color: #292929; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #E9873A; - color: #292929; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #363636; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(241, 241, 241, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #363636; -} - -.menubar.panel .panel.maximized { - background-color: rgba(241, 241, 241, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(241, 241, 241, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #E9873A; - border-color: #E9873A; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #363636; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #363636; - border-radius: 2px; - color: #f1f1f1; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #E9873A; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #E9873A; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #E9873A; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -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: #E9873A; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(241, 241, 241, 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: white; - background-image: linear-gradient(to bottom, #E9873A, #E9873A); - 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: white; - 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: #E9873A; - border-color: #E9873A; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #E9873A; -} - -.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: #E9873A; - color: white; - 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: white; - color: #E9873A; -} - -.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 * { - 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: #f1f1f1; - color: #363636; - font-weight: bold; - box-shadow: inset 0 -1px #dfdfdf; -} - -#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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #E9873A; - border-color: #E9873A; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #2a2a2a; - 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 #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #E9873A; - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #ffffff; -} - -.raven button.linked:hover { - background-color: #f2f2f2; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #E9873A; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: #f5f5f5; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #E9873A; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 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(0, 0, 0, 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 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #ec9551; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(233, 135, 58, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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.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: #f1f1f1; - color: #363636; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(241, 241, 241, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(54, 54, 54, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(54, 54, 54, 0.1); - color: rgba(54, 54, 54, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(54, 54, 54, 0.15); - color: #363636; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(54, 54, 54, 0.12); - color: #363636; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(54, 54, 54, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #363636; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #E9873A; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(54, 54, 54, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.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), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#E9873A); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#E9873A); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#E9873A); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#E9873A); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #dedede; - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: #ffffff; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #f2f2f2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #E9873A; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 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: #E9873A; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(233, 135, 58, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(233, 135, 58, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #E9873A; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - 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(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #ffffff; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #f5f5f5; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(54, 54, 54, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@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 #E9873A; -@define-color theme_selected_fg_color white; -@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 #E9873A; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 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.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #E9873A; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #E9873A; -@define-color budgie_tasklist_indicator_color_active #E9873A; -@define-color budgie_tasklist_indicator_color_active_window #edb88e; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-pink.css b/src/main/gtk-3.0/gtk-light-solid-pink.css deleted file mode 100644 index 390a064e..00000000 --- a/src/main/gtk-3.0/gtk-light-solid-pink.css +++ /dev/null @@ -1,10700 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #E55E9C; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #E55E9C; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #E55E9C; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #de3281; - background-color: rgba(222, 50, 129, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #E55E9C; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #E55E9C; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: #2a2a2a; - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #ec8ab7; - background-color: #E55E9C; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #E55E9C; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #E55E9C; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 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(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E55E9C), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #E55E9C; - border-color: #E55E9C; - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(229, 94, 156, 0); - background-color: rgba(229, 94, 156, 0.55); - 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.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #E55E9C; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #E55E9C; - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #E55E9C; - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #E55E9C; - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -.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: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - 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: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - 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: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #f5bfd7; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fceff5; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fadfeb; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fadfeb; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(240, 160, 197, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(240, 160, 197, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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.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(0, 0, 0, 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: rgba(240, 160, 197, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.08); -} - -.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: rgba(240, 160, 197, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(240, 160, 197, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #E55E9C; - border-color: #E55E9C; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.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, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f0a0c5; - border-color: #ed8eba; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f0a0c5; - color: rgba(255, 255, 255, 0.6); - border-color: #ed8eba; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f0a0c5; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #E55E9C; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #E55E9C; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.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: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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: #E55E9C; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f2afce; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #ef9ec4; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #854160; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #f7cfe1; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #E55E9C; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #E55E9C; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #E55E9C; -} - -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: white; - background-color: #E55E9C; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #ffffff; - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #E55E9C; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #ffffff; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: #f4f4f4; -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 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.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, rgba(229, 94, 156, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fef8fb 0%, #f7cce0 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 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: -7px; -} - -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: 6px; - 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: #E55E9C; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #f3b7d2; -} - -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: 6px; - background-color: #E55E9C; -} - -scale highlight:disabled { - background-color: rgba(229, 94, 156, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(229, 94, 156, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fbe7f0; - border-color: #fbe7f0; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f2afce; - border-color: #f2afce; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #f3b7d2; - border-color: #f3b7d2; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #E55E9C; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -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: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #E55E9C; - background-color: #E55E9C; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #E55E9C; - background-color: #E55E9C; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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.12); - 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.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(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 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(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 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(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 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(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 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: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #E55E9C; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.25); -} - -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: #E55E9C; -} - -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.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #E55E9C; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #E55E9C; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #E55E9C; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - 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: 6px; -} - -.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.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.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.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-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("windows-assets/titlebutton-restore.png"), url("windows-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("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@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("windows-assets/titlebutton-restore-hover.png"), url("windows-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("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #E55E9C; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f2afce; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #E55E9C; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #E55E9C; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #E55E9C; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #ffffff; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fadfeb; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(229, 94, 156, 0.8); - border-color: rgba(222, 50, 129, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #E55E9C; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #e974aa; -} - -.nemo-window .sidebar { - color: #363636; - background-color: #f0f0f0; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #939393; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(240, 160, 197, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #E55E9C; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #E55E9C; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #242424; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #E55E9C; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #E55E9C; - 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.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(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -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; -} - -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.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #E55E9C; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #E55E9C; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#E55E9C); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #E55E9C; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#fef7fa); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#fceff5); - color: #E55E9C; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#E55E9C); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(229, 94, 156, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #E55E9C; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f3b6d2; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #E55E9C; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #e870a7; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #e24c91; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(240, 160, 197, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(240, 160, 197, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #ffffff; -} - -tabbox { - background-color: #e6e6e6; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -tabbox > tab:checked { - border-top-color: #ffffff; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - 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: #E55E9C; - border-color: #E55E9C; -} - -#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: #1d1d1d; -} - -#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: white; - background-color: #E55E9C; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #E55E9C; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.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.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -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: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -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: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.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: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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 { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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 { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #E55E9C; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #f1f1f1; -} - -.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: #d8d8d8; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #fefefe; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f3b6d2; - background-color: #E55E9C; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: #e3e3e3; -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #E55E9C; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #363636; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.3); -} - -.xfce4-panel.panel { - background-color: #f1f1f1; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: #f1f1f1; - color: #363636; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #E55E9C; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #E55E9C; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #E55E9C; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #f0f0f0; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #f0a0c5; - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #ffffff; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #ffffff; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #E55E9C; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #ffffff; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#f0f0f0); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(229, 94, 156, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E55E9C; - color: #292929; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E55E9C; - color: #292929; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #E55E9C; - color: #292929; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #363636; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(241, 241, 241, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #363636; -} - -.menubar.panel .panel.maximized { - background-color: rgba(241, 241, 241, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(241, 241, 241, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #E55E9C; - border-color: #E55E9C; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #363636; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #363636; - border-radius: 2px; - color: #f1f1f1; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #E55E9C; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #E55E9C; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #E55E9C; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -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: #E55E9C; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(241, 241, 241, 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: white; - background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); - 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: white; - 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: #E55E9C; - border-color: #E55E9C; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #E55E9C; -} - -.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: #E55E9C; - color: white; - 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: white; - color: #E55E9C; -} - -.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 * { - 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: #f1f1f1; - color: #363636; - font-weight: bold; - box-shadow: inset 0 -1px #dfdfdf; -} - -#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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #E55E9C; - border-color: #E55E9C; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #2a2a2a; - 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 #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #E55E9C; - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #ffffff; -} - -.raven button.linked:hover { - background-color: #f2f2f2; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #E55E9C; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: #f5f5f5; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #E55E9C; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 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(0, 0, 0, 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 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #e974aa; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(229, 94, 156, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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.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: #f1f1f1; - color: #363636; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(241, 241, 241, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(54, 54, 54, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(54, 54, 54, 0.1); - color: rgba(54, 54, 54, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(54, 54, 54, 0.15); - color: #363636; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(54, 54, 54, 0.12); - color: #363636; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(54, 54, 54, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #363636; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #E55E9C; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(54, 54, 54, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.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), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#E55E9C); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#E55E9C); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#E55E9C); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#E55E9C); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #dedede; - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: #ffffff; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #f2f2f2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #E55E9C; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 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: #E55E9C; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(229, 94, 156, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(229, 94, 156, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #E55E9C; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - 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(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #ffffff; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #f5f5f5; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(54, 54, 54, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@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 #E55E9C; -@define-color theme_selected_fg_color white; -@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 #E55E9C; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 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.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #E55E9C; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #E55E9C; -@define-color budgie_tasklist_indicator_color_active #E55E9C; -@define-color budgie_tasklist_indicator_color_active_window #eba2c3; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-purple.css b/src/main/gtk-3.0/gtk-light-solid-purple.css deleted file mode 100644 index 048d07e0..00000000 --- a/src/main/gtk-3.0/gtk-light-solid-purple.css +++ /dev/null @@ -1,10700 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #9A57A3; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #9A57A3; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #9A57A3; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #7b4582; - background-color: rgba(123, 69, 130, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #9A57A3; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #9A57A3; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: #2a2a2a; - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #af77b6; - background-color: #9A57A3; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #9A57A3; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #9A57A3; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 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(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#9A57A3), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #9A57A3; - border-color: #9A57A3; - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(154, 87, 163, 0); - background-color: rgba(154, 87, 163, 0.55); - 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.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #9A57A3; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #9A57A3; - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #9A57A3; - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #9A57A3; - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -.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: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - 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: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - 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: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #d7bcda; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f5eef6; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #ebdded; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #ebdded; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(185, 135, 191, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(185, 135, 191, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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.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(0, 0, 0, 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: rgba(185, 135, 191, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.08); -} - -.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: rgba(185, 135, 191, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(185, 135, 191, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #9A57A3; - border-color: #9A57A3; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.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, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #b987bf; - border-color: #b17ab8; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #b987bf; - color: rgba(255, 255, 255, 0.6); - border-color: #b17ab8; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #b987bf; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #9A57A3; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #9A57A3; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.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: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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: #9A57A3; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #cdabd1; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #c29ac8; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #5f3e64; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #e1cde3; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #9A57A3; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #9A57A3; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #9A57A3; -} - -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: white; - background-color: #9A57A3; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #ffffff; - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #9A57A3; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #ffffff; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: #f4f4f4; -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 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.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, rgba(154, 87, 163, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #e0cae3 0%, #cca9d1 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 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: -7px; -} - -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: 6px; - 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: #9A57A3; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #d2b3d6; -} - -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: 6px; - background-color: #9A57A3; -} - -scale highlight:disabled { - background-color: rgba(154, 87, 163, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(154, 87, 163, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #f0e6f1; - border-color: #f0e6f1; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #cdabd1; - border-color: #cdabd1; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #d2b3d6; - border-color: #d2b3d6; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #9A57A3; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -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: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #9A57A3; - background-color: #9A57A3; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #9A57A3; - background-color: #9A57A3; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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.12); - 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.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(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 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(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 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(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 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(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 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: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #9A57A3; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.25); -} - -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: #9A57A3; -} - -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.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #9A57A3; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #9A57A3; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #9A57A3; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - 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: 6px; -} - -.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.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.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.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-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("windows-assets/titlebutton-restore.png"), url("windows-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("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@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("windows-assets/titlebutton-restore-hover.png"), url("windows-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("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #9A57A3; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #cdabd1; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #9A57A3; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #9A57A3; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #9A57A3; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #ffffff; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #ebdded; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(154, 87, 163, 0.8); - border-color: rgba(123, 69, 130, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #9A57A3; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #a566ad; -} - -.nemo-window .sidebar { - color: #363636; - background-color: #f0f0f0; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #939393; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(185, 135, 191, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #9A57A3; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #9A57A3; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #242424; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #9A57A3; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #9A57A3; - 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.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(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -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; -} - -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.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #9A57A3; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #9A57A3; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#9A57A3); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #9A57A3; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#faf7fa); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#f5eef6); - color: #9A57A3; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#9A57A3); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(154, 87, 163, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #9A57A3; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #c298c8; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #9A57A3; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #a363ac; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #8d5096; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(185, 135, 191, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(185, 135, 191, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #ffffff; -} - -tabbox { - background-color: #e6e6e6; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -tabbox > tab:checked { - border-top-color: #ffffff; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - 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: #9A57A3; - border-color: #9A57A3; -} - -#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: #1d1d1d; -} - -#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: white; - background-color: #9A57A3; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #9A57A3; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.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.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -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: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -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: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.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: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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 { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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 { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #9A57A3; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #f1f1f1; -} - -.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: #d8d8d8; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #fefefe; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #c298c8; - background-color: #9A57A3; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: #e3e3e3; -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #9A57A3; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #363636; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.3); -} - -.xfce4-panel.panel { - background-color: #f1f1f1; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: #f1f1f1; - color: #363636; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #9A57A3; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #9A57A3; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #9A57A3; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #f0f0f0; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #b987bf; - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #ffffff; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #ffffff; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #9A57A3; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #ffffff; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#f0f0f0); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(154, 87, 163, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #9A57A3; - color: #292929; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #9A57A3; - color: #292929; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #9A57A3; - color: #292929; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #363636; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(241, 241, 241, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #363636; -} - -.menubar.panel .panel.maximized { - background-color: rgba(241, 241, 241, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(241, 241, 241, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #9A57A3; - border-color: #9A57A3; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #363636; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #363636; - border-radius: 2px; - color: #f1f1f1; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #9A57A3; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #9A57A3; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #9A57A3; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -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: #9A57A3; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(241, 241, 241, 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: white; - background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); - 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: white; - 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: #9A57A3; - border-color: #9A57A3; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #9A57A3; -} - -.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: #9A57A3; - color: white; - 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: white; - color: #9A57A3; -} - -.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 * { - 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: #f1f1f1; - color: #363636; - font-weight: bold; - box-shadow: inset 0 -1px #dfdfdf; -} - -#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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #9A57A3; - border-color: #9A57A3; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #2a2a2a; - 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 #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #9A57A3; - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #ffffff; -} - -.raven button.linked:hover { - background-color: #f2f2f2; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #9A57A3; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: #f5f5f5; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #9A57A3; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 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(0, 0, 0, 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 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #a566ad; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(154, 87, 163, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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.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: #f1f1f1; - color: #363636; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(241, 241, 241, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(54, 54, 54, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(54, 54, 54, 0.1); - color: rgba(54, 54, 54, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(54, 54, 54, 0.15); - color: #363636; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(54, 54, 54, 0.12); - color: #363636; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(54, 54, 54, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #363636; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #9A57A3; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(54, 54, 54, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.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), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#9A57A3); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#9A57A3); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#9A57A3); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#9A57A3); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #dedede; - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: #ffffff; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #f2f2f2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #9A57A3; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 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: #9A57A3; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(154, 87, 163, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(154, 87, 163, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #9A57A3; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - 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(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #ffffff; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #f5f5f5; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(54, 54, 54, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@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 #9A57A3; -@define-color theme_selected_fg_color white; -@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 #9A57A3; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 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.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #9A57A3; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #9A57A3; -@define-color budgie_tasklist_indicator_color_active #9A57A3; -@define-color budgie_tasklist_indicator_color_active_window #c29ec7; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-red.css b/src/main/gtk-3.0/gtk-light-solid-red.css deleted file mode 100644 index 66db5a68..00000000 --- a/src/main/gtk-3.0/gtk-light-solid-red.css +++ /dev/null @@ -1,10700 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #ED5F5D; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #ED5F5D; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #ED5F5D; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #e8322f; - background-color: rgba(232, 50, 47, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #ED5F5D; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #ED5F5D; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: #2a2a2a; - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #f28c8b; - background-color: #ED5F5D; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #ED5F5D; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #ED5F5D; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 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(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#ED5F5D), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #ED5F5D; - border-color: #ED5F5D; - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(237, 95, 93, 0); - background-color: rgba(237, 95, 93, 0.55); - 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.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #ED5F5D; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #ED5F5D; - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #ED5F5D; - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #ED5F5D; - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -.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: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - 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: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - 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: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #f8bfbe; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fdefef; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fbdfdf; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fbdfdf; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(245, 163, 162, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(245, 163, 162, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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.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(0, 0, 0, 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: rgba(245, 163, 162, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.08); -} - -.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: rgba(245, 163, 162, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(245, 163, 162, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #ED5F5D; - border-color: #ED5F5D; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.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, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f5a3a2; - border-color: #f3918f; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f5a3a2; - color: rgba(255, 255, 255, 0.6); - border-color: #f3918f; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f5a3a2; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #ED5F5D; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #ED5F5D; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.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: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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: #ED5F5D; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f6afae; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #f49f9e; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #894241; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #facfce; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #ED5F5D; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #ED5F5D; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #ED5F5D; -} - -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: white; - background-color: #ED5F5D; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #ffffff; - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #ED5F5D; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #ffffff; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: #f4f4f4; -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 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.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, rgba(237, 95, 93, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fffefe 0%, #fad0d0 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 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: -7px; -} - -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: 6px; - 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: #ED5F5D; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #f7b7b6; -} - -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: 6px; - background-color: #ED5F5D; -} - -scale highlight:disabled { - background-color: rgba(237, 95, 93, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(237, 95, 93, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fce7e7; - border-color: #fce7e7; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f6afae; - border-color: #f6afae; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #f7b7b6; - border-color: #f7b7b6; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #ED5F5D; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -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: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #ED5F5D; - background-color: #ED5F5D; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #ED5F5D; - background-color: #ED5F5D; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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.12); - 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.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(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 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(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 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(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 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(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 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: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #ED5F5D; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.25); -} - -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: #ED5F5D; -} - -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.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #ED5F5D; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #ED5F5D; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #ED5F5D; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - 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: 6px; -} - -.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.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.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.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-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("windows-assets/titlebutton-restore.png"), url("windows-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("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@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("windows-assets/titlebutton-restore-hover.png"), url("windows-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("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #ED5F5D; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f6afae; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #ED5F5D; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #ED5F5D; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #ED5F5D; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #ffffff; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fbdfdf; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(237, 95, 93, 0.8); - border-color: rgba(232, 50, 47, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #ED5F5D; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #f07674; -} - -.nemo-window .sidebar { - color: #363636; - background-color: #f0f0f0; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #939393; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(245, 163, 162, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #ED5F5D; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #ED5F5D; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #242424; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #ED5F5D; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #ED5F5D; - 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.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(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -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; -} - -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.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #ED5F5D; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #ED5F5D; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#ED5F5D); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #ED5F5D; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#fef7f7); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#fdefef); - color: #ED5F5D; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#ED5F5D); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(237, 95, 93, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #ED5F5D; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f7bab9; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #ED5F5D; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #ef716f; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #eb4d4b; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(245, 163, 162, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(245, 163, 162, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #ffffff; -} - -tabbox { - background-color: #e6e6e6; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -tabbox > tab:checked { - border-top-color: #ffffff; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - 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: #ED5F5D; - border-color: #ED5F5D; -} - -#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: #1d1d1d; -} - -#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: white; - background-color: #ED5F5D; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #ED5F5D; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.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.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -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: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -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: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.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: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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 { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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 { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #ED5F5D; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #f1f1f1; -} - -.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: #d8d8d8; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #fefefe; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f7bab9; - background-color: #ED5F5D; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: #e3e3e3; -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #ED5F5D; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #363636; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.3); -} - -.xfce4-panel.panel { - background-color: #f1f1f1; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: #f1f1f1; - color: #363636; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #ED5F5D; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #ED5F5D; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #ED5F5D; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #f0f0f0; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #f5a3a2; - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #ffffff; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #ffffff; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #ED5F5D; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #ffffff; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#f0f0f0); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(237, 95, 93, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #ED5F5D; - color: #292929; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #ED5F5D; - color: #292929; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #ED5F5D; - color: #292929; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #363636; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(241, 241, 241, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #363636; -} - -.menubar.panel .panel.maximized { - background-color: rgba(241, 241, 241, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(241, 241, 241, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #ED5F5D; - border-color: #ED5F5D; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #363636; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #363636; - border-radius: 2px; - color: #f1f1f1; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #ED5F5D; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #ED5F5D; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #ED5F5D; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -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: #ED5F5D; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(241, 241, 241, 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: white; - background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); - 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: white; - 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: #ED5F5D; - border-color: #ED5F5D; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #ED5F5D; -} - -.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: #ED5F5D; - color: white; - 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: white; - color: #ED5F5D; -} - -.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 * { - 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: #f1f1f1; - color: #363636; - font-weight: bold; - box-shadow: inset 0 -1px #dfdfdf; -} - -#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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #ED5F5D; - border-color: #ED5F5D; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #2a2a2a; - 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 #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #ED5F5D; - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #ffffff; -} - -.raven button.linked:hover { - background-color: #f2f2f2; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #ED5F5D; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: #f5f5f5; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #ED5F5D; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 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(0, 0, 0, 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 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #f07674; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(237, 95, 93, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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.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: #f1f1f1; - color: #363636; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(241, 241, 241, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(54, 54, 54, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(54, 54, 54, 0.1); - color: rgba(54, 54, 54, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(54, 54, 54, 0.15); - color: #363636; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(54, 54, 54, 0.12); - color: #363636; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(54, 54, 54, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #363636; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #ED5F5D; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(54, 54, 54, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.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), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#ED5F5D); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#ED5F5D); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#ED5F5D); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#ED5F5D); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #dedede; - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: #ffffff; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #f2f2f2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #ED5F5D; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 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: #ED5F5D; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(237, 95, 93, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(237, 95, 93, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #ED5F5D; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - 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(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #ffffff; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #f5f5f5; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(54, 54, 54, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@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 #ED5F5D; -@define-color theme_selected_fg_color white; -@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 #ED5F5D; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 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.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #ED5F5D; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #ED5F5D; -@define-color budgie_tasklist_indicator_color_active #ED5F5D; -@define-color budgie_tasklist_indicator_color_active_window #efa2a1; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-yellow.css b/src/main/gtk-3.0/gtk-light-solid-yellow.css deleted file mode 100644 index db91e506..00000000 --- a/src/main/gtk-3.0/gtk-light-solid-yellow.css +++ /dev/null @@ -1,10700 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #F3BA4B; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #F3BA4B; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #F3BA4B; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #f0a81b; - background-color: rgba(240, 168, 27, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #F3BA4B; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #F3BA4B; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: #2a2a2a; - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #f6cc7b; - background-color: #F3BA4B; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #F3BA4B; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #F3BA4B; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 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(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#F3BA4B), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #F3BA4B; - border-color: #F3BA4B; - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(243, 186, 75, 0); - background-color: rgba(243, 186, 75, 0.55); - 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.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #F3BA4B; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #F3BA4B; - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #F3BA4B; - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #F3BA4B; - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -.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: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - 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: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - 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: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #fae3b7; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fef8ed; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fdf1db; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fdf1db; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(248, 213, 147, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(248, 213, 147, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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.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(0, 0, 0, 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: rgba(248, 213, 147, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.08); -} - -.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: rgba(248, 213, 147, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(248, 213, 147, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #F3BA4B; - border-color: #F3BA4B; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.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, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f8d593; - border-color: #f7ce80; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f8d593; - color: rgba(255, 255, 255, 0.6); - border-color: #f7ce80; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f8d593; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #F3BA4B; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #F3BA4B; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.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: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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: #F3BA4B; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f9dda5; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #f8d693; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #8c6f38; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #fbeac9; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #F3BA4B; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #F3BA4B; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #F3BA4B; -} - -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: white; - background-color: #F3BA4B; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #ffffff; - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #F3BA4B; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #ffffff; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: #f4f4f4; -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 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.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, rgba(243, 186, 75, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fefaf2 0%, #fbe8c3 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 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: -7px; -} - -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: 6px; - 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: #F3BA4B; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #fae0ae; -} - -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: 6px; - background-color: #F3BA4B; -} - -scale highlight:disabled { - background-color: rgba(243, 186, 75, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(243, 186, 75, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fdf5e4; - border-color: #fdf5e4; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f9dda5; - border-color: #f9dda5; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #fae0ae; - border-color: #fae0ae; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #F3BA4B; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -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: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #F3BA4B; - background-color: #F3BA4B; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #F3BA4B; - background-color: #F3BA4B; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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.12); - 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.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(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 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(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 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(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 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(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 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: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #F3BA4B; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.25); -} - -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: #F3BA4B; -} - -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.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #F3BA4B; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #F3BA4B; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #F3BA4B; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - 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: 6px; -} - -.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.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.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.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-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("windows-assets/titlebutton-restore.png"), url("windows-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("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@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("windows-assets/titlebutton-restore-hover.png"), url("windows-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("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #F3BA4B; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f9dda5; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #F3BA4B; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #F3BA4B; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #F3BA4B; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #ffffff; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fdf1db; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(243, 186, 75, 0.8); - border-color: rgba(240, 168, 27, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #F3BA4B; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #f5c363; -} - -.nemo-window .sidebar { - color: #363636; - background-color: #f0f0f0; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #939393; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(248, 213, 147, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #F3BA4B; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #F3BA4B; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #242424; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #F3BA4B; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #F3BA4B; - 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.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(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -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; -} - -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.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #F3BA4B; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #F3BA4B; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#F3BA4B); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #F3BA4B; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#fefcf6); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#fef8ed); - color: #F3BA4B; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#F3BA4B); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(243, 186, 75, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #F3BA4B; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f9dfab; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #F3BA4B; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #f4c15e; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #f2b338; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(248, 213, 147, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(248, 213, 147, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #ffffff; -} - -tabbox { - background-color: #e6e6e6; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -tabbox > tab:checked { - border-top-color: #ffffff; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - 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: #F3BA4B; - border-color: #F3BA4B; -} - -#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: #1d1d1d; -} - -#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: white; - background-color: #F3BA4B; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #F3BA4B; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.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.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -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: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -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: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.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: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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 { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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 { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #F3BA4B; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #f1f1f1; -} - -.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: #d8d8d8; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #fefefe; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f9dfab; - background-color: #F3BA4B; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: #e3e3e3; -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #F3BA4B; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #363636; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.3); -} - -.xfce4-panel.panel { - background-color: #f1f1f1; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: #f1f1f1; - color: #363636; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #F3BA4B; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #F3BA4B; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #F3BA4B; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #f0f0f0; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #f8d593; - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #ffffff; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #ffffff; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #F3BA4B; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #ffffff; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#f0f0f0); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(243, 186, 75, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #F3BA4B; - color: #292929; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #F3BA4B; - color: #292929; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #F3BA4B; - color: #292929; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #363636; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(241, 241, 241, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #363636; -} - -.menubar.panel .panel.maximized { - background-color: rgba(241, 241, 241, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(241, 241, 241, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #F3BA4B; - border-color: #F3BA4B; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #363636; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #363636; - border-radius: 2px; - color: #f1f1f1; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #F3BA4B; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #F3BA4B; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #F3BA4B; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -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: #F3BA4B; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(241, 241, 241, 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: white; - background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); - 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: white; - 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: #F3BA4B; - border-color: #F3BA4B; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #F3BA4B; -} - -.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: #F3BA4B; - color: white; - 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: white; - color: #F3BA4B; -} - -.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 * { - 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: #f1f1f1; - color: #363636; - font-weight: bold; - box-shadow: inset 0 -1px #dfdfdf; -} - -#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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #F3BA4B; - border-color: #F3BA4B; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #2a2a2a; - 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 #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #F3BA4B; - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #ffffff; -} - -.raven button.linked:hover { - background-color: #f2f2f2; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #F3BA4B; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: #f5f5f5; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #F3BA4B; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 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(0, 0, 0, 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 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #f5c363; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(243, 186, 75, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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.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: #f1f1f1; - color: #363636; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(241, 241, 241, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(54, 54, 54, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(54, 54, 54, 0.1); - color: rgba(54, 54, 54, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(54, 54, 54, 0.15); - color: #363636; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(54, 54, 54, 0.12); - color: #363636; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(54, 54, 54, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #363636; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #F3BA4B; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(54, 54, 54, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.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), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#F3BA4B); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#F3BA4B); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#F3BA4B); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#F3BA4B); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #dedede; - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: #ffffff; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #f2f2f2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #F3BA4B; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 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: #F3BA4B; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(243, 186, 75, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(243, 186, 75, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #F3BA4B; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - 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(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #ffffff; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #f5f5f5; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(54, 54, 54, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@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 #F3BA4B; -@define-color theme_selected_fg_color white; -@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 #F3BA4B; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 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.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #F3BA4B; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #F3BA4B; -@define-color budgie_tasklist_indicator_color_active #F3BA4B; -@define-color budgie_tasklist_indicator_color_active_window #f2d397; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid.css b/src/main/gtk-3.0/gtk-light-solid.css deleted file mode 100644 index aa90a8a5..00000000 --- a/src/main/gtk-3.0/gtk-light-solid.css +++ /dev/null @@ -1,10700 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #0860F2; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #0860F2; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #0860F2; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #064cc1; - background-color: rgba(6, 76, 193, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #0860F2; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #0860F2; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: #2a2a2a; - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #357ef8; - background-color: #0860F2; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #0860F2; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #0860F2; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 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(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#0860F2), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0860F2), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #0860F2; - border-color: #0860F2; - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(8, 96, 242, 0); - background-color: rgba(8, 96, 242, 0.55); - 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.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #0860F2; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #0860F2; - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #0860F2; - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #0860F2; - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -.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: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - 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: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - 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: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0860F2), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #9cbffa; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #e6effe; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #cedffc; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #cedffc; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(77, 142, 249, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(77, 142, 249, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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.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(0, 0, 0, 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: rgba(77, 142, 249, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.08); -} - -.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: rgba(77, 142, 249, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(77, 142, 249, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #0860F2; - border-color: #0860F2; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.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, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #4d8ef9; - border-color: #3a81f8; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #4d8ef9; - color: rgba(255, 255, 255, 0.6); - border-color: #3a81f8; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #4d8ef9; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #0860F2; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #0860F2; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.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: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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: #0860F2; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #84b0f9; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #6ba0f7; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #16428b; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #b5cffb; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #0860F2; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #0860F2; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #0860F2; -} - -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: white; - background-color: #0860F2; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #ffffff; - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #0860F2; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #ffffff; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: #f4f4f4; -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 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.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #357ef8 0%, #0860F2 100%), radial-gradient(circle farthest-corner at center, rgba(8, 96, 242, 0.75) 100%, rgba(8, 96, 242, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #357ef8 0%, #0860F2 100%), radial-gradient(circle farthest-corner at center, rgba(8, 96, 242, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #b0cdfc 0%, #7fadfb 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 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: -7px; -} - -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: 6px; - 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: #0860F2; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #90b7f9; -} - -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: 6px; - background-color: #0860F2; -} - -scale highlight:disabled { - background-color: rgba(8, 96, 242, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(8, 96, 242, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #dae7fd; - border-color: #dae7fd; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #84b0f9; - border-color: #84b0f9; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #90b7f9; - border-color: #90b7f9; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #0860F2; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -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: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #0860F2; - background-color: #0860F2; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #0860F2; - background-color: #0860F2; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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.12); - 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.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(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 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(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 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(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 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(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 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: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #0860F2; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.25); -} - -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: #0860F2; -} - -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.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #0860F2, #0860F2); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #0860F2; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #0860F2; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #0860F2; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - 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: 6px; -} - -.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.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.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.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-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("windows-assets/titlebutton-restore.png"), url("windows-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("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@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("windows-assets/titlebutton-restore-hover.png"), url("windows-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("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #0860F2; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #84b0f9; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #0860F2; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #0860F2; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #0860F2; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #ffffff; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #cedffc; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(8, 96, 242, 0.8); - border-color: rgba(6, 76, 193, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #0860F2; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #1c6ff7; -} - -.nemo-window .sidebar { - color: #363636; - background-color: #f0f0f0; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #939393; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(77, 142, 249, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #0860F2; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #0860F2; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #242424; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #0860F2; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #0860F2; - 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.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(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -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; -} - -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.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #0860F2; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #0860F2; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#0860F2); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #0860F2; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#f3f7fe); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#e6effe); - color: #0860F2; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#0860F2); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(8, 96, 242, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #0860F2; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #669efa; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #0860F2; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #176bf7; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #0758de; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(77, 142, 249, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(77, 142, 249, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #ffffff; -} - -tabbox { - background-color: #e6e6e6; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -tabbox > tab:checked { - border-top-color: #ffffff; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - 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: #0860F2; - border-color: #0860F2; -} - -#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: #1d1d1d; -} - -#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: white; - background-color: #0860F2; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #0860F2; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.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.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -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: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -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: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.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: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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 { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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 { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #0860F2; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #f1f1f1; -} - -.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: #d8d8d8; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #fefefe; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #669efa; - background-color: #0860F2; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: #e3e3e3; -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #0860F2; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #363636; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.3); -} - -.xfce4-panel.panel { - background-color: #f1f1f1; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: #f1f1f1; - color: #363636; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #0860F2; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #0860F2; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #0860F2; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #f0f0f0; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #4d8ef9; - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #ffffff; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #ffffff; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #0860F2; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #ffffff; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#f0f0f0); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(8, 96, 242, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #0860F2; - color: #292929; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #0860F2; - color: #292929; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #0860F2; - color: #292929; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #363636; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(241, 241, 241, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #363636; -} - -.menubar.panel .panel.maximized { - background-color: rgba(241, 241, 241, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(241, 241, 241, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #0860F2; - border-color: #0860F2; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #363636; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #363636; - border-radius: 2px; - color: #f1f1f1; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #0860F2; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #0860F2; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #0860F2; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -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: #0860F2; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(241, 241, 241, 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: white; - background-image: linear-gradient(to bottom, #0860F2, #0860F2); - 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: white; - 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: #0860F2; - border-color: #0860F2; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #0860F2; -} - -.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: #0860F2; - color: white; - 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: white; - color: #0860F2; -} - -.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 * { - 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: #f1f1f1; - color: #363636; - font-weight: bold; - box-shadow: inset 0 -1px #dfdfdf; -} - -#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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #0860F2; - border-color: #0860F2; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #2a2a2a; - 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 #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #0860F2; - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #ffffff; -} - -.raven button.linked:hover { - background-color: #f2f2f2; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #0860F2; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: #f5f5f5; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #0860F2; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 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(0, 0, 0, 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 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #1c6ff7; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(8, 96, 242, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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.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: #f1f1f1; - color: #363636; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(241, 241, 241, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(54, 54, 54, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(54, 54, 54, 0.1); - color: rgba(54, 54, 54, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(54, 54, 54, 0.15); - color: #363636; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(54, 54, 54, 0.12); - color: #363636; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(54, 54, 54, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #363636; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #0860F2; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(54, 54, 54, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.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), #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #4d8ef9 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4d8ef9 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #4d8ef9 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #4d8ef9 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#0860F2); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#0860F2); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#0860F2); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#0860F2); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #dedede; - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: #ffffff; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #f2f2f2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #0860F2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 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: #0860F2; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(8, 96, 242, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(8, 96, 242, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #0860F2; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - 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(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #ffffff; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #f5f5f5; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(54, 54, 54, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@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 #0860F2; -@define-color theme_selected_fg_color white; -@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 #0860F2; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 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.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #0860F2; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #0860F2; -@define-color budgie_tasklist_indicator_color_active #0860F2; -@define-color budgie_tasklist_indicator_color_active_window #73a3f2; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-yellow.css b/src/main/gtk-3.0/gtk-light-yellow.css deleted file mode 100644 index d51e4bb7..00000000 --- a/src/main/gtk-3.0/gtk-light-yellow.css +++ /dev/null @@ -1,10695 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #F3BA4B; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #F3BA4B; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #F3BA4B; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #f0a81b; - background-color: rgba(240, 168, 27, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #F3BA4B; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #F3BA4B; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #f6cc7b; - background-color: #F3BA4B; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #F3BA4B; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #F3BA4B; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 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(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#F3BA4B), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #F3BA4B; - border-color: #F3BA4B; - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(243, 186, 75, 0); - background-color: rgba(243, 186, 75, 0.55); - 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.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #F3BA4B; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #F3BA4B; - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #F3BA4B; - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #F3BA4B; - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -.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: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - 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: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - 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: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #fae3b7; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fef8ed; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fdf1db; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fdf1db; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(248, 213, 147, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(248, 213, 147, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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.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(0, 0, 0, 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: rgba(248, 213, 147, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.08); -} - -.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: rgba(248, 213, 147, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(248, 213, 147, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #F3BA4B; - border-color: #F3BA4B; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.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, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f8d593; - border-color: #f7ce80; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f8d593; - color: rgba(255, 255, 255, 0.6); - border-color: #f7ce80; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f8d593; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #F3BA4B; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #F3BA4B; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.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: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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: #F3BA4B; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f9dda5; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #f8d693; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #8c6f38; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #fbeac9; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #F3BA4B; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #F3BA4B; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #F3BA4B; -} - -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: white; - background-color: #F3BA4B; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(255, 255, 255, 0.95); - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #F3BA4B; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(255, 255, 255, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: rgba(243, 243, 243, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 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.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, rgba(243, 186, 75, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fefaf2 0%, #fbe8c3 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 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: -7px; -} - -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: 6px; - 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: #F3BA4B; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #fae0ae; -} - -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: 6px; - background-color: #F3BA4B; -} - -scale highlight:disabled { - background-color: rgba(243, 186, 75, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(243, 186, 75, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fdf5e4; - border-color: #fdf5e4; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f9dda5; - border-color: #f9dda5; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #fae0ae; - border-color: #fae0ae; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #F3BA4B; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -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: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #F3BA4B; - background-color: #F3BA4B; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #F3BA4B; - background-color: #F3BA4B; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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.12); - 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.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(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 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(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 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(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 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(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 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: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #F3BA4B; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.25); -} - -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: #F3BA4B; -} - -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.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #F3BA4B; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #F3BA4B; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #F3BA4B; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - 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: 6px; -} - -.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.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.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.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-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("windows-assets/titlebutton-restore.png"), url("windows-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("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@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("windows-assets/titlebutton-restore-hover.png"), url("windows-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("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #F3BA4B; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f9dda5; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #F3BA4B; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #F3BA4B; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #F3BA4B; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(255, 255, 255, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fdf1db; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(243, 186, 75, 0.8); - border-color: rgba(240, 168, 27, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #F3BA4B; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #f5c363; -} - -.nemo-window .sidebar { - color: #363636; - background-color: rgba(240, 240, 240, 0.94); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(141, 141, 141, 0.97); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(248, 213, 147, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #F3BA4B; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #F3BA4B; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #242424; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #F3BA4B; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #F3BA4B; - 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.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(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -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; -} - -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.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #F3BA4B; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #F3BA4B; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#F3BA4B); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #F3BA4B; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#fefcf6); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#fef8ed); - color: #F3BA4B; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#F3BA4B); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(243, 186, 75, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #F3BA4B; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f9dfab; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #F3BA4B; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #f4c15e; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #f2b338; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(248, 213, 147, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(248, 213, 147, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #ffffff; -} - -tabbox { - background-color: #e6e6e6; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -tabbox > tab:checked { - border-top-color: #ffffff; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(240, 240, 240, 0.94); - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - 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: #F3BA4B; - border-color: #F3BA4B; -} - -#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(29, 29, 29, 0.9); -} - -#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: white; - background-color: #F3BA4B; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #F3BA4B; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.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.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -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: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -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: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.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: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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 { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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 { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #F3BA4B; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: white; -} - -.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: white; -} - -.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: gray; - background-color: rgba(230, 230, 230, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f9dfab; - background-color: #F3BA4B; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(227, 227, 227, 0.94); -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #F3BA4B; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(255, 255, 255, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #F3BA4B; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #F3BA4B; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #F3BA4B; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(240, 240, 240, 0.94); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #f8d593; - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(255, 255, 255, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(255, 255, 255, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #F3BA4B; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(255, 255, 255, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(240, 240, 240, 0.94)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(243, 186, 75, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #F3BA4B; - color: #f2f2f2; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #F3BA4B; - color: #f2f2f2; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #F3BA4B; - color: #f2f2f2; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(255, 255, 255, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(255, 255, 255, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(255, 255, 255, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #F3BA4B; - border-color: #F3BA4B; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(255, 255, 255, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #F3BA4B; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #F3BA4B; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #F3BA4B; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -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: #F3BA4B; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(255, 255, 255, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); - 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: white; - 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: #F3BA4B; - border-color: #F3BA4B; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #F3BA4B; -} - -.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: #F3BA4B; - color: white; - 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: white; - color: #F3BA4B; -} - -.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 * { - 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(255, 255, 255, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #F3BA4B; - border-color: #F3BA4B; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: rgba(42, 42, 42, 0.9); - 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 #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #F3BA4B; - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #F3BA4B; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: rgba(245, 245, 245, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #F3BA4B; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 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(0, 0, 0, 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 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #f5c363; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(243, 186, 75, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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.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(255, 255, 255, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(255, 255, 255, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #F3BA4B; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.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), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#F3BA4B); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#F3BA4B); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#F3BA4B); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#F3BA4B); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(222, 222, 222, 0.85); - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: rgba(255, 255, 255, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #F3BA4B; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 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: #F3BA4B; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(243, 186, 75, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(243, 186, 75, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #F3BA4B; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - 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(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #f5f5f5; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@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 #F3BA4B; -@define-color theme_selected_fg_color white; -@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 #F3BA4B; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 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.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #F3BA4B; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #F3BA4B; -@define-color budgie_tasklist_indicator_color_active #F3BA4B; -@define-color budgie_tasklist_indicator_color_active_window rgba(244, 191, 87, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light.css b/src/main/gtk-3.0/gtk-light.css deleted file mode 100644 index c3edc20b..00000000 --- a/src/main/gtk-3.0/gtk-light.css +++ /dev/null @@ -1,10695 +0,0 @@ -* { - padding: 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.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #0860F2; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.csd.maximized, .background.csd.tiled, .background.csd.fullscreen { - border-radius: 0 0 0 0; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -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, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #0860F2; - color: white; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #0860F2; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #064cc1; - background-color: rgba(6, 76, 193, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #0860F2; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #0860F2; - color: white; -} - -.osd .scale-popup, 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 { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - 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, label:disabled selection:checked { - opacity: 0.5; -} - -.large-title { - font-weight: 300; - font-size: 24pt; -} - -.title-1 { - font-weight: 800; - font-size: 20pt; -} - -.title-2 { - font-weight: 800; - font-size: 15pt; -} - -.title-3 { - font-weight: 700; - font-size: 15pt; -} - -.title-4 { - font-weight: 700; - font-size: 13pt; -} - -.heading { - font-weight: 700; - font-size: 11pt; -} - -.body { - font-weight: 400; - font-size: 11pt; -} - -.caption-heading { - font-weight: 700; - font-size: 9pt; -} - -.caption { - font-weight: 400; - font-size: 9pt; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - background-color: #fd8d88; - border-image: none; -} - -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; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #357ef8; - background-color: #0860F2; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #0860F2; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #0860F2; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 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(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#0860F2), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0860F2), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #0860F2; - border-color: #0860F2; - 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: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(8, 96, 242, 0); - background-color: rgba(8, 96, 242, 0.55); - 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.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - 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: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #0860F2; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #0860F2; - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #0860F2; - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #0860F2; - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -.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: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - 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: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - 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: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 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; -} - -.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; -} - -button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0860F2), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image: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: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-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); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -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 { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 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"); -} - -button:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #9cbffa; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #e6effe; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #cedffc; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #cedffc; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(77, 142, 249, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(77, 142, 249, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -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.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(0, 0, 0, 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: rgba(77, 142, 249, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.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.08); -} - -.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: rgba(77, 142, 249, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(77, 142, 249, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #0860F2; - border-color: #0860F2; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.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, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { - border-radius: 0; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.windowhandle > button.popup:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.windowhandle > button.popup:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #4d8ef9; - border-color: #3a81f8; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #4d8ef9; - color: rgba(255, 255, 255, 0.6); - border-color: #3a81f8; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #4d8ef9; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - border-radius: 0 0 0 0; - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -.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-top-left-radius: 0; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -.maximized headerbar:last-child, .tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, .tiled headerbar:last-child:backdrop { - border-top-right-radius: 0; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled .titlebar headerbar, .maximized .titlebar headerbar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.tiled .titlebar, .tiled .titlebar.background, .maximized .titlebar, .maximized .titlebar.background, .fullscreen .titlebar, .fullscreen .titlebar.background, .tiled .titlebar headerbar, .tiled .titlebar headerbar.background, .maximized .titlebar headerbar, .maximized .titlebar headerbar.background, .fullscreen .titlebar headerbar, .fullscreen .titlebar headerbar.background { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-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; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #0860F2; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #0860F2; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.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: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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: #0860F2; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #84b0f9; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #6ba0f7; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #16428b; -} - -treeview.view.after:drop(active) { - border-top-style: none; -} - -treeview.view.before:drop(active) { - 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: #b5cffb; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #0860F2; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #0860F2; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - 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; - box-shadow: 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: #0860F2; -} - -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: white; - background-color: #0860F2; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(255, 255, 255, 0.95); - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #0860F2; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -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; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(255, 255, 255, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: rgba(243, 243, 243, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover > scrolledwindow > viewport > list, -popover.background > list, -popover.background > .view, -popover.background > toolbar, -popover.background > scrolledwindow > viewport > list { - border-style: none; - background-color: transparent; -} - -popover > scrolledwindow > viewport > list, -popover.background > scrolledwindow > viewport > list { - margin: 6px; -} - -popover > scrolledwindow > viewport > list row, -popover.background > scrolledwindow > viewport > list row { - padding: 6px 12px; - border-radius: 6px; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -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"); -} - -tabbox > tab, notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -tabbox > tab:checked, notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left 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.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 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.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) 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; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #357ef8 0%, #0860F2 100%), radial-gradient(circle farthest-corner at center, rgba(8, 96, 242, 0.75) 100%, rgba(8, 96, 242, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #357ef8 0%, #0860F2 100%), radial-gradient(circle farthest-corner at center, rgba(8, 96, 242, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #b0cdfc 0%, #7fadfb 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked 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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -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, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -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 { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -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, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -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) { - -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) { - -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, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 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: -7px; -} - -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: 6px; - 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: #0860F2; -} - -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: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #90b7f9; -} - -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: 6px; - background-color: #0860F2; -} - -scale highlight:disabled { - background-color: rgba(8, 96, 242, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(8, 96, 242, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms 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.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #dae7fd; - border-color: #dae7fd; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #84b0f9; - border-color: #84b0f9; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #90b7f9; - border-color: #90b7f9; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-after) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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.fine-tune:not(.marks-before) 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 { - min-height: 4px; - min-width: 4px; - background-color: #0860F2; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -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: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #0860F2; - background-color: #0860F2; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #0860F2; - background-color: #0860F2; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -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.12); - 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.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(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 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(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 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(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 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(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 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; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 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: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #0860F2; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -placessidebar row button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -placessidebar row button.sidebar-button > image { - opacity: 0.85; -} - -placessidebar row button.sidebar-button:active, placessidebar row button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.25); -} - -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: #0860F2; -} - -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.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #0860F2, #0860F2); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - 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 > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #0860F2; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #0860F2; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #0860F2; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - 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: 6px; -} - -.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.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.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.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - border-radius: 0; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.ssd decoration.maximized { - border-radius: 0 0 0 0; -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-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("windows-assets/titlebutton-restore.png"), url("windows-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("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@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("windows-assets/titlebutton-restore-hover.png"), url("windows-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("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, 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, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #0860F2; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #84b0f9; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -terminal-window.background.csd.maximized { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar, -.nautilus-window.background.csd > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child, -.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd placessidebar.sidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator, -.nautilus-window > deck > box.vertical > paned.horizontal > separator { - border-left: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: bottom left; - background-repeat: no-repeat; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(ltr), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(ltr) { - margin-left: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:dir(rtl), -.nautilus-window > deck > box.vertical > paned.horizontal > separator:dir(rtl) { - margin-right: 2px; -} - -.nautilus-window > grid.horizontal > paned.horizontal > separator:hover, -.nautilus-window > deck > box.vertical > paned.horizontal > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #0860F2; -} - -.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 label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .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:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #0860F2; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.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; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.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; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #0860F2; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.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.background.csd, .nautilus-window.tiled.background.csd, .nautilus-window.fullscreen.background.csd { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized notebook, .nautilus-window.maximized notebook > stack, .nautilus-window.tiled notebook, .nautilus-window.tiled notebook > stack, .nautilus-window.fullscreen notebook, .nautilus-window.fullscreen notebook > stack { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized headerbar, .nautilus-window.tiled headerbar, .nautilus-window.fullscreen headerbar { - border-radius: 0 0 0 0; -} - -.nautilus-window.maximized placessidebar, .nautilus-window.tiled placessidebar, .nautilus-window.fullscreen placessidebar { - border-bottom-left-radius: 0; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(255, 255, 255, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -preferencesgroup list list { - margin: 0 0; - padding: 0 0; - box-shadow: none; - background: none; - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #cedffc; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.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(8, 96, 242, 0.8); - border-color: rgba(6, 76, 193, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.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: white; - background-color: #0860F2; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #1c6ff7; -} - -.nemo-window .sidebar { - color: #363636; - background-color: rgba(240, 240, 240, 0.94); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(141, 141, 141, 0.97); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(77, 142, 249, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #0860F2; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -window.org-gnome-gedit .open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -window.org-gnome-gedit .open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #0860F2; -} - -window.org-gnome-gedit .open-document-selector-name-label { - color: #242424; -} - -window.org-gnome-gedit .open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -window.org-gnome-gedit .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -window.org-gnome-gedit .gedit-document-panel row.activatable { - padding: 6px 0; -} - -window.org-gnome-gedit .gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -window.org-gnome-gedit .gedit-document-panel row button image { - color: inherit; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -window.org-gnome-gedit .gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -window.org-gnome-gedit .gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -window.org-gnome-gedit .gedit-side-panel-paned statusbar frame > border { - border: none; -} - -window.org-gnome-gedit .gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -window.org-gnome-gedit .gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -window.org-gnome-gedit .gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -window.org-gnome-gedit .gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -window.org-gnome-gedit.tiled > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.maximized > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow, window.org-gnome-gedit.fullscreen > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 0; -} - -window.org-gnome-gedit.tiled.background.csd, -window.org-gnome-gedit.tiled .gedit-side-panel-paned statusbar, window.org-gnome-gedit.maximized.background.csd, -window.org-gnome-gedit.maximized .gedit-side-panel-paned statusbar, window.org-gnome-gedit.fullscreen.background.csd, -window.org-gnome-gedit.fullscreen .gedit-side-panel-paned statusbar { - border-radius: 0 0 0 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; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #0860F2; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #0860F2; - 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.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(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -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; -} - -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.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #0860F2; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #0860F2; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -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 { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -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: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - 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 row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.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 { - 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 row.event.activatable.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 { - background-image: image(#0860F2); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #0860F2; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#f3f7fe); -} - -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 row.event.activatable.compressed-row-header:active:focus { - background-image: image(#e6effe); - color: #0860F2; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#0860F2); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(8, 96, 242, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #0860F2; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #669efa; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #0860F2; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #176bf7; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #0758de; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - 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; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar, window.background.csd > box.horizontal > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box, window.background.csd > box.horizontal > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd leaflet > leaflet > sidebar.separator, -window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, -leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -window.background.csd stack stack stack frame > list, -window.background.csd > stack > stack > box > frame > list, -window.background.csd > stack > stack > box > box > frame > list, -window.background.csd > stack > box > stack > box > frame > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, -window.background.csd > stack > scrolledwindow > viewport > box > list, -window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -window.background.csd stack stack stack frame > list > separator, -window.background.csd > stack > stack > box > frame > list > separator, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, -window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator { - background: none; - min-height: 0; -} - -window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable, -box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border, box.horizontal > stack.background frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list, box.horizontal > stack.background frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator, box.horizontal > stack.background frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container, -window.background.csd > leaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > hdyleaflet > box.vertical > stack.main-container, window.background.csd.tiled > hdyleaflet > box.vertical > stack.main-container, window.background.csd.fullscreen > hdyleaflet > box.vertical > stack.main-container { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized .tweak-categories, window.background.csd.tiled .tweak-categories, window.background.csd.fullscreen .tweak-categories { - border-radius: 0 0 0 0; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window.background.csd.maximized > stack, window.background.csd.tiled > stack, window.background.csd.fullscreen > stack { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized > leaflet > stack.background, -window.background.csd.maximized > hdyleaflet > stack.background, -window.background.csd.maximized > box.horizontal > stack.background, window.background.csd.tiled > leaflet > stack.background, -window.background.csd.tiled > hdyleaflet > stack.background, -window.background.csd.tiled > box.horizontal > stack.background, window.background.csd.fullscreen > leaflet > stack.background, -window.background.csd.fullscreen > hdyleaflet > stack.background, -window.background.csd.fullscreen > box.horizontal > stack.background { - border-bottom-right-radius: 0; -} - -window.background.csd.maximized > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.maximized > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.tiled > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.tiled > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd.fullscreen > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - border-bottom-right-radius: 1px; -} - -window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.maximized > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.tiled > box.horizontal > box.vertical > scrolledwindow.view, window.background.csd.fullscreen > leaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd.fullscreen > box.horizontal > box.vertical > scrolledwindow.view { - border-bottom-left-radius: 1px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -window#gnome-system-monitor.background.csd.maximized > box.vertical > stack, window#gnome-system-monitor.background.csd.tiled > box.vertical > stack, window#gnome-system-monitor.background.csd.fullscreen > box.vertical > stack { - border-radius: 0 0 0 0; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow, window.background.csd.tiled stack > grid.vertical > scrolledwindow, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -window.background.csd.maximized stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.tiled stack > grid.vertical > scrolledwindow > viewport.frame list, window.background.csd.fullscreen stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 0 0; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -window.background.csd.maximized > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.maximized > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.tiled > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.tiled > overlay > leaflet > stack > frame > grid.vertical, window.background.csd.fullscreen > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd.fullscreen > overlay > leaflet > stack > frame > grid.vertical { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.maximized > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.tiled > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.tiled > overlay > leaflet > overlay > scrolledwindow > viewport.frame, window.background.csd.fullscreen > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd.fullscreen > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - border-bottom-right-radius: 0; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(77, 142, 249, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(77, 142, 249, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > deck > deck > fullscreenbox > flap > box > windowhandle > headerbar.titlebar { - border-color: #ffffff; -} - -tabbox { - background-color: #e6e6e6; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -tabbox > tab { - border-top: none; - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -tabbox > tab:checked { - border-top-color: #ffffff; -} - -tabbox > tab button { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - border: none; - padding: 0; -} - -tabbox > tab button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -tabbox > tab button:active, tabbox > tab button:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack.background, window.background.csd.tiled > box.vertical > overlay > stack.background, window.background.csd.fullscreen > box.vertical > overlay > stack.background { - border-radius: 0 0 0 0; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -.maximized #weather-page, .tiled #weather-page, .fullscreen #weather-page, .maximized #weekly-forecast-frame, .tiled #weekly-forecast-frame, .fullscreen #weekly-forecast-frame { - border-bottom-right-radius: 0; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -.maximized #weather-page-content-view, .tiled #weather-page-content-view, .fullscreen #weather-page-content-view { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -window.background.csd.unified.maximized, window.background.csd.unified.tiled, window.background.csd.unified.fullscreen { - border-radius: 0 0 0 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(240, 240, 240, 0.94); - border-bottom-left-radius: 12px; -} - -.polari-room-list.maximized .sidebar, .polari-room-list.tiled .sidebar, .polari-room-list.fullscreen .sidebar { - border-bottom-left-radius: 0; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -.maximized stack.view.polari-entry-area, .tiled stack.view.polari-entry-area, .fullscreen stack.view.polari-entry-area { - border-bottom-right-radius: 0; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar 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: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - 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: #0860F2; - border-color: #0860F2; -} - -#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(29, 29, 29, 0.9); -} - -#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: white; - background-color: #0860F2; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #0860F2; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.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.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -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 { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - 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 > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > 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: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -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: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -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: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.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 { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.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: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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 { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 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 { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.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 { - 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: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.background.csd.main-window.maximized .sidebar.rooms-sidebar, .background.csd.main-window.tiled .sidebar.rooms-sidebar, .background.csd.main-window.fullscreen .sidebar.rooms-sidebar { - border-bottom-left-radius: 0; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.tiled > box.vertical > overlay > stack > box.vertical > actionbar, window.background.csd.fullscreen > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 0 0; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -window.background.csd.maximized > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.tiled > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected), window.background.csd.fullscreen > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - border-radius: 0; -} - -window.background.csd.maximized evview.view.content-view, window.background.csd.tiled evview.view.content-view, window.background.csd.fullscreen evview.view.content-view { - border-radius: 0 0 0 0; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd.maximized > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.tiled > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow, .background.csd.fullscreen > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 0; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox.view { - background: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -window.background.csd stack stack stack frame > border, -window.background.csd > stack > stack > box > frame > border, -window.background.csd > stack > stack > box > box > frame > border, -window.background.csd > stack > box > stack > box > frame > border, -window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, -window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, -window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { - border: none; -} - -window.background.csd > stack > box > box > list, -window.background.csd > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > box > box > list, -window.background.csd.maximized > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.tiled > stack > box > box > list, -window.background.csd.tiled > stack > box > stack > scrolledwindow > viewport > list, window.background.csd.fullscreen > stack > box > box > list, -window.background.csd.fullscreen > stack > box > stack > scrolledwindow > viewport > list { - border-bottom-left-radius: 0; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #0860F2; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: white; -} - -.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: white; -} - -.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: gray; - background-color: rgba(230, 230, 230, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #669efa; - background-color: #0860F2; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(227, 227, 227, 0.94); -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #0860F2; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(255, 255, 255, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #0860F2; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #0860F2; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #0860F2; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(240, 240, 240, 0.94); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd.thunar.maximized > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.tiled > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane, window.background.csd.thunar.fullscreen > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -.geary-main-window.background.csd.maximized > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.tiled > overlay > box.vertical > paned > .sidebar, .geary-main-window.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.maximized > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.tiled > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd.fullscreen > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 0; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer, .geary-main-window.background.csd.tiled stack#conversation_viewer, .geary-main-window.background.csd.fullscreen stack#conversation_viewer, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer { - border-bottom-right-radius: 1px; -} - -.geary-main-window.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, .geary-main-window.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.maximized stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.tiled stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd.fullscreen stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - border-bottom-right-radius: 0; -} - -.geary-main-window.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, .geary-main-window.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.maximized paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.tiled paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd.fullscreen paned.geary-sidebar-pane-separator statusbar { - border-bottom-left-radius: 0; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #4d8ef9; - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -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; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(255, 255, 255, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(255, 255, 255, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #0860F2; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(255, 255, 255, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -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); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -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: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 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; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(240, 240, 240, 0.94)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.tiled > box.horizontal > stack > box.vertical > notebook > stack, window.background.csd.fullscreen > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 0; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 0; -} - -window.background.csd.maximized > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.tiled > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack, window.background.csd.fullscreen > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 0; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > 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 { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame { - border: none; -} - -window.background > box.vertical > overlay > stack > scrolledwindow.frame > viewport.frame > box.vertical > stack > scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(8, 96, 242, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #0860F2; - color: #f2f2f2; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #0860F2; - color: #f2f2f2; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #0860F2; - color: #f2f2f2; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(255, 255, 255, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(255, 255, 255, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(255, 255, 255, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #0860F2; - border-color: #0860F2; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(255, 255, 255, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #0860F2; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #0860F2; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #0860F2; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd.maximized > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.tiled > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list, window.background.csd.fullscreen > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 0; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -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: #0860F2; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(255, 255, 255, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #0860F2, #0860F2); - 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: white; - 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: #0860F2; - border-color: #0860F2; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #0860F2; -} - -.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: #0860F2; - color: white; - 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: white; - color: #0860F2; -} - -.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 * { - 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(255, 255, 255, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 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.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #0860F2; - border-color: #0860F2; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: rgba(42, 42, 42, 0.9); - 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 #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #0860F2; - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#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: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #0860F2; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 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: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: rgba(245, 245, 245, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat: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) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar:not(.categories) { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar:not(.categories) label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected, -.budgie-popover scrolledwindow.sidebar:not(.categories):selected:hover { - color: white; - background-color: #0860F2; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.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.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 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; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 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(0, 0, 0, 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 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 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: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #1c6ff7; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(8, 96, 242, 0.5); -} - -.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; -} - -button.raven-trigger { - padding: 0 4px; -} - -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.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(255, 255, 255, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(255, 255, 255, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #0860F2; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.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), #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #4d8ef9 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.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), #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4d8ef9 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.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, #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #4d8ef9 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.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, #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #4d8ef9 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#0860F2); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#0860F2); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#0860F2); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#0860F2); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(222, 222, 222, 0.85); - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - 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 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.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.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: rgba(255, 255, 255, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #0860F2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 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: #0860F2; - color: white; -} - -.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; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(8, 96, 242, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(8, 96, 242, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #0860F2; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .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: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - 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(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - background-color: #f5f5f5; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog, .budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.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.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@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 #0860F2; -@define-color theme_selected_fg_color white; -@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 #0860F2; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 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.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #0860F2; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #0860F2; -@define-color budgie_tasklist_indicator_color_active #0860F2; -@define-color budgie_tasklist_indicator_color_active_window rgba(25, 107, 243, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk.gresource.xml b/src/main/gtk-3.0/gtk.gresource.xml index fc02016d..23b453dd 100644 --- a/src/main/gtk-3.0/gtk.gresource.xml +++ b/src/main/gtk-3.0/gtk.gresource.xml @@ -121,66 +121,6 @@ assets/paned-separator@2.png assets/paned-separator-dark.png assets/paned-separator-dark@2.png - assets/sidebar-view-hover-200px.png - assets/sidebar-view-hover-200px@2.png - assets/sidebar-view-active-200px.png - assets/sidebar-view-active-200px@2.png - assets/sidebar-view-checked-200px.png - assets/sidebar-view-checked-200px@2.png - assets/sidebar-view-hover-200px-dark.png - assets/sidebar-view-hover-200px-dark@2.png - assets/sidebar-view-active-200px-dark.png - assets/sidebar-view-active-200px-dark@2.png - assets/sidebar-view-checked-200px-dark.png - assets/sidebar-view-checked-200px-dark@2.png - assets/sidebar-view-hover-220px.png - assets/sidebar-view-hover-220px@2.png - assets/sidebar-view-active-220px.png - assets/sidebar-view-active-220px@2.png - assets/sidebar-view-checked-220px.png - assets/sidebar-view-checked-220px@2.png - assets/sidebar-view-hover-220px-dark.png - assets/sidebar-view-hover-220px-dark@2.png - assets/sidebar-view-active-220px-dark.png - assets/sidebar-view-active-220px-dark@2.png - assets/sidebar-view-checked-220px-dark.png - assets/sidebar-view-checked-220px-dark@2.png - assets/sidebar-view-hover-240px.png - assets/sidebar-view-hover-240px@2.png - assets/sidebar-view-active-240px.png - assets/sidebar-view-active-240px@2.png - assets/sidebar-view-checked-240px.png - assets/sidebar-view-checked-240px@2.png - assets/sidebar-view-hover-240px-dark.png - assets/sidebar-view-hover-240px-dark@2.png - assets/sidebar-view-active-240px-dark.png - assets/sidebar-view-active-240px-dark@2.png - assets/sidebar-view-checked-240px-dark.png - assets/sidebar-view-checked-240px-dark@2.png - assets/sidebar-view-hover-260px.png - assets/sidebar-view-hover-260px@2.png - assets/sidebar-view-active-260px.png - assets/sidebar-view-active-260px@2.png - assets/sidebar-view-checked-260px.png - assets/sidebar-view-checked-260px@2.png - assets/sidebar-view-hover-260px-dark.png - assets/sidebar-view-hover-260px-dark@2.png - assets/sidebar-view-active-260px-dark.png - assets/sidebar-view-active-260px-dark@2.png - assets/sidebar-view-checked-260px-dark.png - assets/sidebar-view-checked-260px-dark@2.png - assets/sidebar-view-hover-280px.png - assets/sidebar-view-hover-280px@2.png - assets/sidebar-view-active-280px.png - assets/sidebar-view-active-280px@2.png - assets/sidebar-view-checked-280px.png - assets/sidebar-view-checked-280px@2.png - assets/sidebar-view-hover-280px-dark.png - assets/sidebar-view-hover-280px-dark@2.png - assets/sidebar-view-active-280px-dark.png - assets/sidebar-view-active-280px-dark@2.png - assets/sidebar-view-checked-280px-dark.png - assets/sidebar-view-checked-280px-dark@2.png windows-assets/titlebutton-close.png windows-assets/titlebutton-close@2.png windows-assets/titlebutton-close-dark.png diff --git a/src/main/gtk-3.0/make_gresource_xml.sh b/src/main/gtk-3.0/make_gresource_xml.sh index 0aa37744..4a928708 100755 --- a/src/main/gtk-3.0/make_gresource_xml.sh +++ b/src/main/gtk-3.0/make_gresource_xml.sh @@ -1,7 +1,6 @@ #! /bin/bash INDEX="../../assets/gtk-3.0/common-assets/assets.txt" -SINDEX="../../assets/gtk-3.0/common-assets/sidebar-assets.txt" WINDEX="../../assets/gtk-3.0/windows-assets/assets.txt" if [ -f gtk.gresource.xml ]; then @@ -18,12 +17,6 @@ do echo " assets/$i@2.png" >> gtk.gresource.xml done -for i in `cat $SINDEX` -do - echo " assets/$i.png" >> gtk.gresource.xml - echo " assets/$i@2.png" >> gtk.gresource.xml -done - for i in `cat $WINDEX` do echo " windows-assets/$i.png" >> gtk.gresource.xml diff --git a/src/other/dash-to-dock/README.md b/src/other/dash-to-dock/README.md deleted file mode 100644 index 97858f0d..00000000 --- a/src/other/dash-to-dock/README.md +++ /dev/null @@ -1,25 +0,0 @@ -## WhiteSur dash-to-dock theme - -## Installation - -### Install tips - -Usage: `./install.sh` **[OPTIONS...]** - -| OPTIONS: | | -|:--------------------|:-------------| -| with no option | it'll run a terminal dialog to install the theme | -|-d, --dark | install dark version | -|-l, --light | install light version | -|-h, --help | Show this help| - -### Manual installation - -Copy `../src/other/dash-to-dock/stylesheet.css` to `../.local/share/gnome-shell/extensions/dash-to-dock@micxgx.gmail.com` - -then you can: - -1. Open `Dash to Dock Settings`. -2. Go to `[Appearance]` > `[Use built-in theme]` and turn it on. -3. Restart Dash to Dock or gnome-shell. -4. Be happy with your new dash-to-dock theme. diff --git a/src/other/dash-to-dock/install.sh b/src/other/dash-to-dock/install.sh deleted file mode 100755 index fd78bc4d..00000000 --- a/src/other/dash-to-dock/install.sh +++ /dev/null @@ -1,138 +0,0 @@ -#!/bin/bash - -set -o errexit - -[ GLOBAL::CONF ] -{ - REPO_DIR=$(cd $(dirname $0) && pwd) - readonly ROOT_UID=0 -} - -# Destination directory -if [ "$UID" -eq "$ROOT_UID" ]; then - DEST_DIR="/usr/share/gnome-shell/extensions/dash-to-dock@micxgx.gmail.com" -else - DEST_DIR="$HOME/.local/share/gnome-shell/extensions/dash-to-dock@micxgx.gmail.com" -fi - -#COLORS -CDEF=" \033[0m" # default color -CCIN=" \033[0;36m" # info color -CGSC=" \033[0;32m" # success color -CRER=" \033[0;31m" # error color -CWAR=" \033[0;33m" # waring color -b_CDEF=" \033[1;37m" # bold default color -b_CCIN=" \033[1;36m" # bold info color -b_CGSC=" \033[1;32m" # bold success color -b_CRER=" \033[1;31m" # bold error color -b_CWAR=" \033[1;33m" # bold warning color - -usage() { - printf "%s\n" "Usage: ${0##*/} [OPTIONS...]" - printf "\n%s\n" "OPTIONS:" - printf " %-25s%s\n" "-d, --dark" "install dark theme" - printf " %-25s%s\n" "-l, --light" "install light theme" - printf " %-25s%s\n" "-h, --help" "Show this help" -} - -# echo like ... with flag type and display message colors -prompt () { - case ${1} in - "-s"|"--success") - echo -e "${b_CGSC}${@/-s/}${CDEF}";; # print success message - "-e"|"--error") - echo -e "${b_CRER}${@/-e/}${CDEF}";; # print error message - "-w"|"--warning") - echo -e "${b_CWAR}${@/-w/}${CDEF}";; # print warning message - "-i"|"--info") - echo -e "${b_CCIN}${@/-i/}${CDEF}";; # print info message - *) - echo -e "$@" - ;; - esac -} - -# Check command avalibility -function has_command() { - command -v $1 > /dev/null -} - -operation_canceled() { - clear - prompt -i "\n Operation canceled by user, Bye!" - exit 1 -} - -install_theme() { - if [[ -f ${DEST_DIR}/stylesheet.css ]]; then - mv -n ${DEST_DIR}/stylesheet.css ${DEST_DIR}/stylesheet.css.back - cp -r ${REPO_DIR}/stylesheet$color.css ${DEST_DIR}/stylesheet.css - else - prompt -i "\n stylesheet.css not exist!" - exit 0 - fi -} - -run_dialog() { - if [[ -x /usr/bin/dialog ]]; then - tui=$(dialog --backtitle "dash-to-dock theme installer" \ - --radiolist "Choose your color version:" 15 40 5 \ - 1 "light" on \ - 2 "dark" off --output-fd 1 ) - case "$tui" in - 1) color='' ;; - 2) color='-dark' ;; - *) operation_canceled ;; - esac - fi -} - -install_dialog() { - if [ ! "$(which dialog 2> /dev/null)" ]; then - prompt -w "\n 'dialog' needs to be installed for this shell" - if has_command zypper; then - sudo zypper in dialog - elif has_command apt-get; then - sudo apt-get install dialog - elif has_command dnf; then - sudo dnf install -y dialog - elif has_command yum; then - sudo yum install dialog - elif has_command pacman; then - sudo pacman -S --noconfirm dialog - fi - fi -} - -# Show terminal user interface for better use -if [[ $# -lt 1 ]] && [[ -x /usr/bin/dialog ]] ; then - run_dialog -fi - -while [[ $# -ge 1 ]]; do - case "${1}" in - -l|--light) - color='' - ;; - -d|--dark) - color='-dark' - ;; - -h|--help) - usage - exit 0 - ;; - *) - prompt -e "ERROR: Unrecognized installation option '$1'." - prompt -i "Try '$0 --help' for more information." - exit 1 - ;; - esac - shift -done - -install_theme - -echo -prompt -s Done. - -notify-send "All done!" "Go to [Dash to Dock Settings] > [Appearance] > [Use built-in theme] and turn it on!" -i face-smile diff --git a/src/other/dash-to-dock/stylesheet-dark.css b/src/other/dash-to-dock/stylesheet-dark.css deleted file mode 100644 index 50d32d02..00000000 --- a/src/other/dash-to-dock/stylesheet-dark.css +++ /dev/null @@ -1,186 +0,0 @@ -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.opaque #dash { - background: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} diff --git a/src/other/dash-to-dock/stylesheet.scss b/src/other/dash-to-dock/stylesheet-light.scss similarity index 100% rename from src/other/dash-to-dock/stylesheet.scss rename to src/other/dash-to-dock/stylesheet-light.scss diff --git a/src/other/dash-to-dock/stylesheet.css b/src/other/dash-to-dock/stylesheet.css deleted file mode 100644 index a1b5c2f2..00000000 --- a/src/other/dash-to-dock/stylesheet.css +++ /dev/null @@ -1,186 +0,0 @@ -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.opaque #dash { - background: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} diff --git a/src/other/firefox/README.md b/src/other/firefox/README.md deleted file mode 100644 index 16dce393..00000000 --- a/src/other/firefox/README.md +++ /dev/null @@ -1,83 +0,0 @@ - -## Firefox WhiteSur theme - -

A MacOS Big Sur theme for Firefox 70+

- -#### Preview -![Preview](preview.png?raw=true) - -## Description - -This is a bunch of CSS code to make Firefox look closer to MacOS Big Sur theme. -Based on https://github.com/rafaelmardojai/firefox-gnome-theme - -## Installation - -### Manual installation - -Copy `../configuration/user.js` to your user Firefox Profile Directory - -or you can: - -1. Go to `about:support` in Firefox. -2. Application Basics > Profile Directory > Open Directory. -3. Copy `chrome` folder Firefox config folder. -4. If you are using Firefox 69+: - 1. Go to `about:config` in Firefox. - 2. Search for `toolkit.legacyUserProfileCustomizations.stylesheets` and set it to `true`. -5. Restart Firefox. -6. Open Firefox customization panel and: - 1. Use *Title bar* option to toggle CSD if is not set by default. - 2. Move the new tab button to headerbar. - 3. Select light or dark variants on theme switcher. -7. Be happy with your new gnomish Firefox. - -## Enabling optional features -Open `userChrome.css` with a text editor and follow instructions to enable extra features. Keep in mind this file might change in future versions and your configuration will be lost. You can copy the @imports you want to enable to a new file named `customChrome` directly in your `chrome` directory if you want it to survive updates. Remember all @imports must be at the top of the file, before other statements. - -## Known bugs - -### CSD have sharp corners -See upstream [bug](https://bugzilla.mozilla.org/show_bug.cgi?id=1408360). - -#### Wayland fix: -1. Go to the `about:config` page -2. Search for the `layers.acceleration.force-enabled` preference and set it to true. -3. Now restart Firefox, and it should look good! - -#### X11 fix: -1. Go to the `about:config` page -2. Type `mozilla.widget.use-argb-visuals` -3. Set it as a `boolean` and click on the add button -4. Now restart Firefox, and it should look good! - -### Icons color broken -Icons might appear black where they should be white on some systems. I have no idea why, but you can adjust them in the `theme/colors/light.css` or `theme/colors/dark.css` files, look for `--gnome-icons-hack-filter` var and play with css filters. - -## Development - -If you wanna mess around the styles and change something, you might find these -things useful. - -To use the Inspector to debug the UI, open the developer tools (F12) on any -page, go to options, check both of those: - -- Enable browser chrome and add-on debugging toolboxes -- Enable remote debugging - -Now you can close those tools and press Ctrl+Alt+Shift+I to Inspect the browser -UI. - -Also you can inspect any GTK3 application, for example type this into a terminal -and it will run Epiphany with the GTK Inspector, so you can check the CSS styles -of its elements too. - -```sh -GTK_DEBUG=interactive epiphany -``` - -Feel free to use any parts of my code to develop your own themes, I don't force -any specific license on your code. - -## Credits -Developed by **Rafael Mardojai** and [contributors](https://github.com/rafaelmardojai/firefox-gnome-theme/graphs/contributors). Based on **[Sai Kurogetsu](https://github.com/kurogetsusai/firefox-gnome-theme)** original work. diff --git a/src/other/firefox/chrome/WhiteSur/colors/dark.css b/src/other/firefox/WhiteSur/colors/dark.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/colors/dark.css rename to src/other/firefox/WhiteSur/colors/dark.css diff --git a/src/other/firefox/chrome/WhiteSur/colors/light.css b/src/other/firefox/WhiteSur/colors/light.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/colors/light.css rename to src/other/firefox/WhiteSur/colors/light.css diff --git a/src/other/firefox/chrome/WhiteSur/drag-window-headerbar-buttons.css b/src/other/firefox/WhiteSur/drag-window-headerbar-buttons.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/drag-window-headerbar-buttons.css rename to src/other/firefox/WhiteSur/drag-window-headerbar-buttons.css diff --git a/src/other/firefox/chrome/WhiteSur/hide-single-tab.css b/src/other/firefox/WhiteSur/hide-single-tab.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/hide-single-tab.css rename to src/other/firefox/WhiteSur/hide-single-tab.css diff --git a/src/other/firefox/chrome/WhiteSur/hide-window-buttons.css b/src/other/firefox/WhiteSur/hide-window-buttons.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/hide-window-buttons.css rename to src/other/firefox/WhiteSur/hide-window-buttons.css diff --git a/src/other/firefox/chrome/WhiteSur/icons/application-x-addon-blocked-symbolic.svg b/src/other/firefox/WhiteSur/icons/application-x-addon-blocked-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/application-x-addon-blocked-symbolic.svg rename to src/other/firefox/WhiteSur/icons/application-x-addon-blocked-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/application-x-addon-symbolic.svg b/src/other/firefox/WhiteSur/icons/application-x-addon-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/application-x-addon-symbolic.svg rename to src/other/firefox/WhiteSur/icons/application-x-addon-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/applications-engineering-symbolic.svg b/src/other/firefox/WhiteSur/icons/applications-engineering-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/applications-engineering-symbolic.svg rename to src/other/firefox/WhiteSur/icons/applications-engineering-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/autoplay-media-blocked-symbolic.svg b/src/other/firefox/WhiteSur/icons/autoplay-media-blocked-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/autoplay-media-blocked-symbolic.svg rename to src/other/firefox/WhiteSur/icons/autoplay-media-blocked-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/autoplay-media-symbolic.svg b/src/other/firefox/WhiteSur/icons/autoplay-media-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/autoplay-media-symbolic.svg rename to src/other/firefox/WhiteSur/icons/autoplay-media-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/bookmarks-symbolic.svg b/src/other/firefox/WhiteSur/icons/bookmarks-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/bookmarks-symbolic.svg rename to src/other/firefox/WhiteSur/icons/bookmarks-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/character-symbolic.svg b/src/other/firefox/WhiteSur/icons/character-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/character-symbolic.svg rename to src/other/firefox/WhiteSur/icons/character-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/checkbox-checked-symbolic.svg b/src/other/firefox/WhiteSur/icons/checkbox-checked-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/checkbox-checked-symbolic.svg rename to src/other/firefox/WhiteSur/icons/checkbox-checked-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/checkbox-symbolic.svg b/src/other/firefox/WhiteSur/icons/checkbox-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/checkbox-symbolic.svg rename to src/other/firefox/WhiteSur/icons/checkbox-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/drm-symbolic.svg b/src/other/firefox/WhiteSur/icons/drm-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/drm-symbolic.svg rename to src/other/firefox/WhiteSur/icons/drm-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/edit-copy-symbolic.svg b/src/other/firefox/WhiteSur/icons/edit-copy-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/edit-copy-symbolic.svg rename to src/other/firefox/WhiteSur/icons/edit-copy-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/edit-cut-symbolic.svg b/src/other/firefox/WhiteSur/icons/edit-cut-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/edit-cut-symbolic.svg rename to src/other/firefox/WhiteSur/icons/edit-cut-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/edit-find-symbolic.svg b/src/other/firefox/WhiteSur/icons/edit-find-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/edit-find-symbolic.svg rename to src/other/firefox/WhiteSur/icons/edit-find-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/edit-paste-symbolic.svg b/src/other/firefox/WhiteSur/icons/edit-paste-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/edit-paste-symbolic.svg rename to src/other/firefox/WhiteSur/icons/edit-paste-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/folder-download-symbolic.svg b/src/other/firefox/WhiteSur/icons/folder-download-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/folder-download-symbolic.svg rename to src/other/firefox/WhiteSur/icons/folder-download-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/folder-locked-symbolic.svg b/src/other/firefox/WhiteSur/icons/folder-locked-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/folder-locked-symbolic.svg rename to src/other/firefox/WhiteSur/icons/folder-locked-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/folder-symbolic.svg b/src/other/firefox/WhiteSur/icons/folder-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/folder-symbolic.svg rename to src/other/firefox/WhiteSur/icons/folder-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/forget-history-symbolic.svg b/src/other/firefox/WhiteSur/icons/forget-history-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/forget-history-symbolic.svg rename to src/other/firefox/WhiteSur/icons/forget-history-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/geo.svg b/src/other/firefox/WhiteSur/icons/geo.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/geo.svg rename to src/other/firefox/WhiteSur/icons/geo.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/go-next-symbolic.svg b/src/other/firefox/WhiteSur/icons/go-next-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/go-next-symbolic.svg rename to src/other/firefox/WhiteSur/icons/go-next-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/go-previous-symbolic.svg b/src/other/firefox/WhiteSur/icons/go-previous-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/go-previous-symbolic.svg rename to src/other/firefox/WhiteSur/icons/go-previous-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/import-symbolic.svg b/src/other/firefox/WhiteSur/icons/import-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/import-symbolic.svg rename to src/other/firefox/WhiteSur/icons/import-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/library-symbolic.svg b/src/other/firefox/WhiteSur/icons/library-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/library-symbolic.svg rename to src/other/firefox/WhiteSur/icons/library-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/mail-unread-symbolic.svg b/src/other/firefox/WhiteSur/icons/mail-unread-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/mail-unread-symbolic.svg rename to src/other/firefox/WhiteSur/icons/mail-unread-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/network-workgroup-symbolic.svg b/src/other/firefox/WhiteSur/icons/network-workgroup-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/network-workgroup-symbolic.svg rename to src/other/firefox/WhiteSur/icons/network-workgroup-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/notification-symbolic.svg b/src/other/firefox/WhiteSur/icons/notification-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/notification-symbolic.svg rename to src/other/firefox/WhiteSur/icons/notification-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/open-folder-symbolic.svg b/src/other/firefox/WhiteSur/icons/open-folder-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/open-folder-symbolic.svg rename to src/other/firefox/WhiteSur/icons/open-folder-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/open-menu-symbolic.svg b/src/other/firefox/WhiteSur/icons/open-menu-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/open-menu-symbolic.svg rename to src/other/firefox/WhiteSur/icons/open-menu-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/page-action.svg b/src/other/firefox/WhiteSur/icons/page-action.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/page-action.svg rename to src/other/firefox/WhiteSur/icons/page-action.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/pan-down-symbolic-light.svg b/src/other/firefox/WhiteSur/icons/pan-down-symbolic-light.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/pan-down-symbolic-light.svg rename to src/other/firefox/WhiteSur/icons/pan-down-symbolic-light.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/pan-down-symbolic.svg b/src/other/firefox/WhiteSur/icons/pan-down-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/pan-down-symbolic.svg rename to src/other/firefox/WhiteSur/icons/pan-down-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/pan-end-symbolic-light.svg b/src/other/firefox/WhiteSur/icons/pan-end-symbolic-light.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/pan-end-symbolic-light.svg rename to src/other/firefox/WhiteSur/icons/pan-end-symbolic-light.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/pan-end-symbolic.svg b/src/other/firefox/WhiteSur/icons/pan-end-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/pan-end-symbolic.svg rename to src/other/firefox/WhiteSur/icons/pan-end-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/pan-start-symbolic.svg b/src/other/firefox/WhiteSur/icons/pan-start-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/pan-start-symbolic.svg rename to src/other/firefox/WhiteSur/icons/pan-start-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/pan-up-symbolic.svg b/src/other/firefox/WhiteSur/icons/pan-up-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/pan-up-symbolic.svg rename to src/other/firefox/WhiteSur/icons/pan-up-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/permissions-granted.svg b/src/other/firefox/WhiteSur/icons/permissions-granted.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/permissions-granted.svg rename to src/other/firefox/WhiteSur/icons/permissions-granted.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/preferences-system-symbolic.svg b/src/other/firefox/WhiteSur/icons/preferences-system-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/preferences-system-symbolic.svg rename to src/other/firefox/WhiteSur/icons/preferences-system-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/preferences-system-time-symbolic-light.svg b/src/other/firefox/WhiteSur/icons/preferences-system-time-symbolic-light.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/preferences-system-time-symbolic-light.svg rename to src/other/firefox/WhiteSur/icons/preferences-system-time-symbolic-light.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/preferences-system-time-symbolic.svg b/src/other/firefox/WhiteSur/icons/preferences-system-time-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/preferences-system-time-symbolic.svg rename to src/other/firefox/WhiteSur/icons/preferences-system-time-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/printer-symbolic.svg b/src/other/firefox/WhiteSur/icons/printer-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/printer-symbolic.svg rename to src/other/firefox/WhiteSur/icons/printer-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/process-stop-symbolic.svg b/src/other/firefox/WhiteSur/icons/process-stop-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/process-stop-symbolic.svg rename to src/other/firefox/WhiteSur/icons/process-stop-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/radio-checked-symbolic.svg b/src/other/firefox/WhiteSur/icons/radio-checked-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/radio-checked-symbolic.svg rename to src/other/firefox/WhiteSur/icons/radio-checked-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/radio-symbolic.svg b/src/other/firefox/WhiteSur/icons/radio-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/radio-symbolic.svg rename to src/other/firefox/WhiteSur/icons/radio-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/reader-mode.svg b/src/other/firefox/WhiteSur/icons/reader-mode.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/reader-mode.svg rename to src/other/firefox/WhiteSur/icons/reader-mode.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/save-folder-symbolic.svg b/src/other/firefox/WhiteSur/icons/save-folder-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/save-folder-symbolic.svg rename to src/other/firefox/WhiteSur/icons/save-folder-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/save-to-pocket-light.svg b/src/other/firefox/WhiteSur/icons/save-to-pocket-light.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/save-to-pocket-light.svg rename to src/other/firefox/WhiteSur/icons/save-to-pocket-light.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/save-to-pocket.svg b/src/other/firefox/WhiteSur/icons/save-to-pocket.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/save-to-pocket.svg rename to src/other/firefox/WhiteSur/icons/save-to-pocket.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/star-symbolic.svg b/src/other/firefox/WhiteSur/icons/star-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/star-symbolic.svg rename to src/other/firefox/WhiteSur/icons/star-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/starred-symbolic.svg b/src/other/firefox/WhiteSur/icons/starred-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/starred-symbolic.svg rename to src/other/firefox/WhiteSur/icons/starred-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/sync.svg b/src/other/firefox/WhiteSur/icons/sync.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/sync.svg rename to src/other/firefox/WhiteSur/icons/sync.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/tab-new-symbolic.svg b/src/other/firefox/WhiteSur/icons/tab-new-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/tab-new-symbolic.svg rename to src/other/firefox/WhiteSur/icons/tab-new-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/tab-sync-symbolic.svg b/src/other/firefox/WhiteSur/icons/tab-sync-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/tab-sync-symbolic.svg rename to src/other/firefox/WhiteSur/icons/tab-sync-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/toggle-right-sidebar-symbolic.svg b/src/other/firefox/WhiteSur/icons/toggle-right-sidebar-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/toggle-right-sidebar-symbolic.svg rename to src/other/firefox/WhiteSur/icons/toggle-right-sidebar-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/toggle-sidebar-symbolic.svg b/src/other/firefox/WhiteSur/icons/toggle-sidebar-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/toggle-sidebar-symbolic.svg rename to src/other/firefox/WhiteSur/icons/toggle-sidebar-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/tracking-protection-animatable.svg b/src/other/firefox/WhiteSur/icons/tracking-protection-animatable.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/tracking-protection-animatable.svg rename to src/other/firefox/WhiteSur/icons/tracking-protection-animatable.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/tracking-protection.svg b/src/other/firefox/WhiteSur/icons/tracking-protection.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/tracking-protection.svg rename to src/other/firefox/WhiteSur/icons/tracking-protection.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/user-home-symbolic.svg b/src/other/firefox/WhiteSur/icons/user-home-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/user-home-symbolic.svg rename to src/other/firefox/WhiteSur/icons/user-home-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/user-not-tracked-dark.svg b/src/other/firefox/WhiteSur/icons/user-not-tracked-dark.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/user-not-tracked-dark.svg rename to src/other/firefox/WhiteSur/icons/user-not-tracked-dark.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/user-not-tracked.svg b/src/other/firefox/WhiteSur/icons/user-not-tracked.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/user-not-tracked.svg rename to src/other/firefox/WhiteSur/icons/user-not-tracked.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/view-fullscreen-symbolic.svg b/src/other/firefox/WhiteSur/icons/view-fullscreen-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/view-fullscreen-symbolic.svg rename to src/other/firefox/WhiteSur/icons/view-fullscreen-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/view-more-horizontal-symbolic.svg b/src/other/firefox/WhiteSur/icons/view-more-horizontal-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/view-more-horizontal-symbolic.svg rename to src/other/firefox/WhiteSur/icons/view-more-horizontal-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/view-refresh-symbolic.svg b/src/other/firefox/WhiteSur/icons/view-refresh-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/view-refresh-symbolic.svg rename to src/other/firefox/WhiteSur/icons/view-refresh-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/view-restore-symbolic.svg b/src/other/firefox/WhiteSur/icons/view-restore-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/view-restore-symbolic.svg rename to src/other/firefox/WhiteSur/icons/view-restore-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/window-close-symbolic-light.svg b/src/other/firefox/WhiteSur/icons/window-close-symbolic-light.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/window-close-symbolic-light.svg rename to src/other/firefox/WhiteSur/icons/window-close-symbolic-light.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/window-close-symbolic.svg b/src/other/firefox/WhiteSur/icons/window-close-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/window-close-symbolic.svg rename to src/other/firefox/WhiteSur/icons/window-close-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/window-maximize-symbolic.svg b/src/other/firefox/WhiteSur/icons/window-maximize-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/window-maximize-symbolic.svg rename to src/other/firefox/WhiteSur/icons/window-maximize-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/window-minimize-symbolic.svg b/src/other/firefox/WhiteSur/icons/window-minimize-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/window-minimize-symbolic.svg rename to src/other/firefox/WhiteSur/icons/window-minimize-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/window-new-symbolic.svg b/src/other/firefox/WhiteSur/icons/window-new-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/window-new-symbolic.svg rename to src/other/firefox/WhiteSur/icons/window-new-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/zoom-in-symbolic.svg b/src/other/firefox/WhiteSur/icons/zoom-in-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/zoom-in-symbolic.svg rename to src/other/firefox/WhiteSur/icons/zoom-in-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/icons/zoom-out-symbolic.svg b/src/other/firefox/WhiteSur/icons/zoom-out-symbolic.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/icons/zoom-out-symbolic.svg rename to src/other/firefox/WhiteSur/icons/zoom-out-symbolic.svg diff --git a/src/other/firefox/chrome/WhiteSur/matching-autocomplete-width.css b/src/other/firefox/WhiteSur/matching-autocomplete-width.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/matching-autocomplete-width.css rename to src/other/firefox/WhiteSur/matching-autocomplete-width.css diff --git a/src/other/firefox/chrome/WhiteSur/parts/buttons-fixes.css b/src/other/firefox/WhiteSur/parts/buttons-fixes.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/parts/buttons-fixes.css rename to src/other/firefox/WhiteSur/parts/buttons-fixes.css diff --git a/src/other/firefox/chrome/WhiteSur/parts/buttons.css b/src/other/firefox/WhiteSur/parts/buttons.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/parts/buttons.css rename to src/other/firefox/WhiteSur/parts/buttons.css diff --git a/src/other/firefox/chrome/WhiteSur/parts/csd.css b/src/other/firefox/WhiteSur/parts/csd.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/parts/csd.css rename to src/other/firefox/WhiteSur/parts/csd.css diff --git a/src/other/firefox/chrome/WhiteSur/parts/custom-icons.css b/src/other/firefox/WhiteSur/parts/custom-icons.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/parts/custom-icons.css rename to src/other/firefox/WhiteSur/parts/custom-icons.css diff --git a/src/other/firefox/chrome/WhiteSur/parts/entries.css b/src/other/firefox/WhiteSur/parts/entries.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/parts/entries.css rename to src/other/firefox/WhiteSur/parts/entries.css diff --git a/src/other/firefox/chrome/WhiteSur/parts/findbar.css b/src/other/firefox/WhiteSur/parts/findbar.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/parts/findbar.css rename to src/other/firefox/WhiteSur/parts/findbar.css diff --git a/src/other/firefox/chrome/WhiteSur/parts/headerbar-private-urlbar.css b/src/other/firefox/WhiteSur/parts/headerbar-private-urlbar.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/parts/headerbar-private-urlbar.css rename to src/other/firefox/WhiteSur/parts/headerbar-private-urlbar.css diff --git a/src/other/firefox/chrome/WhiteSur/parts/headerbar-urlbar.css b/src/other/firefox/WhiteSur/parts/headerbar-urlbar.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/parts/headerbar-urlbar.css rename to src/other/firefox/WhiteSur/parts/headerbar-urlbar.css diff --git a/src/other/firefox/chrome/WhiteSur/parts/headerbar.css b/src/other/firefox/WhiteSur/parts/headerbar.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/parts/headerbar.css rename to src/other/firefox/WhiteSur/parts/headerbar.css diff --git a/src/other/firefox/chrome/WhiteSur/parts/icons.css b/src/other/firefox/WhiteSur/parts/icons.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/parts/icons.css rename to src/other/firefox/WhiteSur/parts/icons.css diff --git a/src/other/firefox/chrome/WhiteSur/parts/popups-contents.css b/src/other/firefox/WhiteSur/parts/popups-contents.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/parts/popups-contents.css rename to src/other/firefox/WhiteSur/parts/popups-contents.css diff --git a/src/other/firefox/chrome/WhiteSur/parts/popups.css b/src/other/firefox/WhiteSur/parts/popups.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/parts/popups.css rename to src/other/firefox/WhiteSur/parts/popups.css diff --git a/src/other/firefox/chrome/WhiteSur/parts/remove-white-flash.css b/src/other/firefox/WhiteSur/parts/remove-white-flash.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/parts/remove-white-flash.css rename to src/other/firefox/WhiteSur/parts/remove-white-flash.css diff --git a/src/other/firefox/chrome/WhiteSur/parts/scrollbars.css b/src/other/firefox/WhiteSur/parts/scrollbars.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/parts/scrollbars.css rename to src/other/firefox/WhiteSur/parts/scrollbars.css diff --git a/src/other/firefox/chrome/WhiteSur/parts/tabsbar.css b/src/other/firefox/WhiteSur/parts/tabsbar.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/parts/tabsbar.css rename to src/other/firefox/WhiteSur/parts/tabsbar.css diff --git a/src/other/firefox/chrome/WhiteSur/parts/titlebutton-dark.css b/src/other/firefox/WhiteSur/parts/titlebutton-dark.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/parts/titlebutton-dark.css rename to src/other/firefox/WhiteSur/parts/titlebutton-dark.css diff --git a/src/other/firefox/chrome/WhiteSur/parts/titlebutton-light.css b/src/other/firefox/WhiteSur/parts/titlebutton-light.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/parts/titlebutton-light.css rename to src/other/firefox/WhiteSur/parts/titlebutton-light.css diff --git a/src/other/firefox/chrome/WhiteSur/parts/toolbox.css b/src/other/firefox/WhiteSur/parts/toolbox.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/parts/toolbox.css rename to src/other/firefox/WhiteSur/parts/toolbox.css diff --git a/src/other/firefox/chrome/WhiteSur/rounded-window-maximized.css b/src/other/firefox/WhiteSur/rounded-window-maximized.css similarity index 99% rename from src/other/firefox/chrome/WhiteSur/rounded-window-maximized.css rename to src/other/firefox/WhiteSur/rounded-window-maximized.css index 1f969c3a..525714ef 100644 --- a/src/other/firefox/chrome/WhiteSur/rounded-window-maximized.css +++ b/src/other/firefox/WhiteSur/rounded-window-maximized.css @@ -3,3 +3,4 @@ :root[tabsintitlebar]:not([inFullscreen])[sizemode="maximized"] #nav-bar { border-radius: 16px 16px 0 0 !important; } + diff --git a/src/other/firefox/chrome/WhiteSur/symbolic-tab-icons.css b/src/other/firefox/WhiteSur/symbolic-tab-icons.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/symbolic-tab-icons.css rename to src/other/firefox/WhiteSur/symbolic-tab-icons.css diff --git a/src/other/firefox/chrome/WhiteSur/system-icons.css b/src/other/firefox/WhiteSur/system-icons.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/system-icons.css rename to src/other/firefox/WhiteSur/system-icons.css diff --git a/src/other/firefox/chrome/WhiteSur/theme.css b/src/other/firefox/WhiteSur/theme.css similarity index 100% rename from src/other/firefox/chrome/WhiteSur/theme.css rename to src/other/firefox/WhiteSur/theme.css diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-backdrop-dark.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-backdrop-dark.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-backdrop-dark.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-backdrop-dark.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-backdrop.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-backdrop.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-backdrop.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-backdrop.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-active-dark.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-close-active-dark.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-active-dark.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-close-active-dark.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-active.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-close-active.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-active.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-close-active.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-backdrop-dark.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-close-backdrop-dark.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-backdrop-dark.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-close-backdrop-dark.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-backdrop.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-close-backdrop.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-backdrop.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-close-backdrop.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-dark.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-close-dark.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-dark.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-close-dark.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-hover-dark.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-close-hover-dark.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-hover-dark.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-close-hover-dark.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-hover-inactive-dark.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-close-hover-inactive-dark.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-hover-inactive-dark.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-close-hover-inactive-dark.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-hover-inactive.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-close-hover-inactive.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-hover-inactive.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-close-hover-inactive.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-hover.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-close-hover.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-hover.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-close-hover.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-close.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-close.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-active-dark.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-maximize-active-dark.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-active-dark.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-maximize-active-dark.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-active.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-maximize-active.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-active.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-maximize-active.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-backdrop-dark.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-maximize-backdrop-dark.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-backdrop-dark.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-maximize-backdrop-dark.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-backdrop.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-maximize-backdrop.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-backdrop.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-maximize-backdrop.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-dark.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-maximize-dark.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-dark.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-maximize-dark.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-hover-dark.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-maximize-hover-dark.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-hover-dark.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-maximize-hover-dark.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-hover-inactive-dark.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-maximize-hover-inactive-dark.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-hover-inactive-dark.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-maximize-hover-inactive-dark.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-hover-inactive.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-maximize-hover-inactive.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-hover-inactive.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-maximize-hover-inactive.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-hover.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-maximize-hover.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-hover.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-maximize-hover.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-maximize.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-maximize.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-active-dark.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-minimize-active-dark.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-active-dark.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-minimize-active-dark.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-active.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-minimize-active.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-active.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-minimize-active.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-backdrop-dark.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-minimize-backdrop-dark.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-backdrop-dark.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-minimize-backdrop-dark.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-backdrop.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-minimize-backdrop.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-backdrop.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-minimize-backdrop.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-dark.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-minimize-dark.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-dark.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-minimize-dark.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-hover-dark.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-minimize-hover-dark.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-hover-dark.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-minimize-hover-dark.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-hover-inactive-dark.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-minimize-hover-inactive-dark.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-hover-inactive-dark.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-minimize-hover-inactive-dark.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-hover-inactive.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-minimize-hover-inactive.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-hover-inactive.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-minimize-hover-inactive.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-hover.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-minimize-hover.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-hover.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-minimize-hover.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-minimize.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-minimize.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-active-dark.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-unmaximize-active-dark.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-active-dark.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-unmaximize-active-dark.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-active.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-unmaximize-active.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-active.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-unmaximize-active.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-backdrop-dark.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-unmaximize-backdrop-dark.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-backdrop-dark.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-unmaximize-backdrop-dark.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-backdrop.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-unmaximize-backdrop.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-backdrop.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-unmaximize-backdrop.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-hover-dark.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-unmaximize-hover-dark.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-hover-dark.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-unmaximize-hover-dark.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-hover-inactive-dark.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-unmaximize-hover-inactive-dark.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-hover-inactive-dark.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-unmaximize-hover-inactive-dark.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-hover-inactive.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-unmaximize-hover-inactive.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-hover-inactive.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-unmaximize-hover-inactive.svg diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-hover.svg b/src/other/firefox/WhiteSur/titlebuttons/titlebutton-unmaximize-hover.svg similarity index 100% rename from src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-hover.svg rename to src/other/firefox/WhiteSur/titlebuttons/titlebutton-unmaximize-hover.svg diff --git a/src/other/firefox/configuration/user.js b/src/other/firefox/configuration/user.js deleted file mode 100644 index 6128f4df..00000000 --- a/src/other/firefox/configuration/user.js +++ /dev/null @@ -1,13 +0,0 @@ -/* user.js - * https://github.com/rafaelmardojai/firefox-gnome-theme/ - */ - -// Enable customChrome.css -user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true); - -// Enable CSD -user_pref("browser.tabs.drawInTitlebar", true); - -// Set UI density to normal -user_pref("browser.uidensity", 0); - diff --git a/src/other/firefox/chrome/customChrome.css b/src/other/firefox/customChrome.css similarity index 100% rename from src/other/firefox/chrome/customChrome.css rename to src/other/firefox/customChrome.css diff --git a/src/other/firefox/preview.png b/src/other/firefox/preview.png deleted file mode 100644 index 47239f29..00000000 Binary files a/src/other/firefox/preview.png and /dev/null differ diff --git a/src/other/firefox/chrome/userChrome.css b/src/other/firefox/userChrome.css similarity index 100% rename from src/other/firefox/chrome/userChrome.css rename to src/other/firefox/userChrome.css diff --git a/render-assets.sh b/src/render-all-assets.sh similarity index 94% rename from render-assets.sh rename to src/render-all-assets.sh index 6c8ea148..ecfa71e2 100755 --- a/render-assets.sh +++ b/src/render-all-assets.sh @@ -3,8 +3,7 @@ INKSCAPE="/usr/bin/inkscape" OPTIPNG="/usr/bin/optipng" -REPO_DIR=$(cd $(dirname $0) && pwd) -ASRC_DIR=${REPO_DIR}/src/assets +ASRC_DIR=assets # check command avalibility has_command() { diff --git a/src/sass/_colors.scss b/src/sass/_colors.scss index 2cb1f19b..90caaa48 100644 --- a/src/sass/_colors.scss +++ b/src/sass/_colors.scss @@ -98,6 +98,7 @@ $disabled_bg_color: if($variant == 'light', mix($bg_color, $base // Headerbar colors $header_bg: if($variant == 'light', #ffffff, #373737); +$dark_header_bg: if($trans == 'true', transparentize($base_color, 0.04), $base_color); $header_highlight: if($variant == 'dark', #434343, #f5f5f5); $header_bg_backdrop: if($variant == 'light', darken($header_bg, 0%), darken($header_bg, 0%)); diff --git a/src/sass/_theme-options.scss b/src/sass/_theme-options.scss index 60176275..698a9a19 100644 --- a/src/sass/_theme-options.scss +++ b/src/sass/_theme-options.scss @@ -3,17 +3,16 @@ // // Gnome shell version -$gnome_version: gs_version; // 3.38/old || 40.0/new +$gnome_version: 'old'; // 3.38/old || 40.0/new // Force nautilus styles to exclusively use colors instead of linear-gradients $nautilus_use_colors: false; // Nautilus sidebar sizes (when nautilus_use_colors is false) -$sidebar_size_default: 200px; -$sidebar_size_220: 220px; -$sidebar_size_240: 240px; -$sidebar_size_260: 260px; -$sidebar_size_280: 280px; +$sidebar_size: 200px; + +// Nautilus style +$nautilus_style: default; // Gnome-shell panel opacity -$panel_opacity: 0.16; +$panel_opacity: 0.15; diff --git a/src/sass/_variables.scss b/src/sass/_variables.scss index ac9ac4e6..5e3b921d 100644 --- a/src/sass/_variables.scss +++ b/src/sass/_variables.scss @@ -1,4 +1,4 @@ -@import 'theme-options'; +@import 'theme-options-temp'; $asset_suffix: if($variant == 'dark', '-dark', ''); $con_asset_suffix: if($variant=='dark', '', '-dark'); @@ -29,6 +29,7 @@ $medium_size: if($laptop == 'false', 36px, 32px); $large_size: if($laptop == 'false', 48px, 44px); $menuitem_size: if($laptop == 'false', 32px, 28px); $container_padding: if($laptop == 'false', 6px, 4px); +$nautilus_headerbar_size: 42px; // radiuses $circular_radius: 9999px; diff --git a/src/sass/gnome-shell/widgets/_login-dialog.scss b/src/sass/gnome-shell/widgets/_login-dialog.scss index 85b07902..669c681d 100644 --- a/src/sass/gnome-shell/widgets/_login-dialog.scss +++ b/src/sass/gnome-shell/widgets/_login-dialog.scss @@ -241,6 +241,6 @@ } #lockDialogGroup { - background: url("assets/background.jpg"); + background: url("assets/background.png"); background-size: cover; } diff --git a/src/sass/gtk/_applications.scss b/src/sass/gtk/_applications.scss index 67ee76be..3d0ae9ee 100644 --- a/src/sass/gtk/_applications.scss +++ b/src/sass/gtk/_applications.scss @@ -30,8 +30,6 @@ terminal-window { margin: -2px; } } - - &.background.csd.maximized { border-radius: 0 0 0 0; } // Fixed gnome 3.32 issue: Unable to restore window size after maximization } window.background.csd { // gnome-terminal 3.32 setting @@ -58,133 +56,79 @@ window.background.csd { // gnome-terminal 3.32 setting } } -// -// Nautilus -// - -$nautilus_radius: $wm_radius + 2px; -$nautilus_sidebar_size: $sidebar_size_default; -$nautilus_header_image: linear-gradient(90deg, $dark_sidebar_bg 0%, - $dark_sidebar_bg $nautilus_sidebar_size, - darken($dark_sidebar_bg, 12%) $nautilus_sidebar_size, - darken($dark_sidebar_bg, 12%) ($nautilus_sidebar_size + 1px), - $base_color ($nautilus_sidebar_size + 1px), - $base_color 100%); - -$nautilus_header_image_alt: linear-gradient(90deg, transparent 0%, - transparent $nautilus_sidebar_size, - darken($dark_sidebar_bg, 12%) $nautilus_sidebar_size, - darken($dark_sidebar_bg, 12%) ($nautilus_sidebar_size + 1px), - $base_color ($nautilus_sidebar_size + 1px), - $base_color 100%); - -$nautilus_sidebar_image: linear-gradient(90deg, $dark_sidebar_bg 0%, - $dark_sidebar_bg $nautilus_sidebar_size, - transparent $nautilus_sidebar_size, - transparent 100%); - -$nautilus_background_image: linear-gradient(90deg, $dark_sidebar_bg 0%, - $dark_sidebar_bg $nautilus_sidebar_size, - darken($dark_sidebar_bg, 12%) $nautilus_sidebar_size, - darken($dark_sidebar_bg, 12%) ($nautilus_sidebar_size + 1px), - $base_color ($nautilus_sidebar_size + 1px), - $base_color 100%); - -.nautilus-window { - &.background.csd { +window.background.csd, dialog.background.csd { + actionbar { border-radius: 0 0 $wm_radius $wm_radius; - - @if $nautilus_use_colors == 'true' { - background-color: $dark_sidebar_bg; - } @else { - background-color: transparent; - background-image: $nautilus_background_image; - } - - > headerbar.titlebar, - > deck > box > headerbar.titlebar { - box-shadow: inset 0 1px rgba(white, 0.1); - - @if $nautilus_use_colors == 'true' { - background-color: $header_bg; - } @else { - border: none; - background-color: transparent; - background-image: if($gnome_version == 'new', $nautilus_header_image_alt, $nautilus_header_image); - - > .linked.raised > button:first-child { margin-left: $nautilus_sidebar_size - 80px; } - - @if $trans == 'false' { - > box.left.horizontal { - background-image: linear-gradient(0deg, $dark_sidebar_bg 0%, - $dark_sidebar_bg 95%, - transparent 95%, - transparent 100%); - } - } - } - } - - placessidebar.sidebar { - border-bottom-left-radius: $wm_radius; - } } +} - headerbar { - .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; +// +// Filechooser, Dialog, and Nautilus +// +$nautilus_radius: $wm_radius + 2px; +$nautilus_sidebar_size: $sidebar_size; +$nautilus_borders_color: darken(rgba($dark_sidebar_bg, 1), 12%); - .linked.nautilus-path-bar { // for ≥ 3.31.90 - > button:not(:only-child):last-child { - @include button(header-checked); - } - } +$nautilus_header_image: image($header_bg); +$nautilus_header_borders_image: image($header_border); +$nautilus_actionbar_image: image($dark_header_bg); +$nautilus_actionbar_borders_image: image($header_border); +$dialog_header_image: image($dark_header_bg); +$dialog_header_borders_image: image($header_border); +$nautilus_bg_image: image($dark_sidebar_bg); - // workaround for 3.30.1 - &.background.frame { - border: none; - background-color: transparent; - } - } - } +@if $gnome_version == 'new' { + $nautilus_bg_image: linear-gradient(180deg, rgba($dark_sidebar_bg, 0) ($nautilus_headerbar_size + 1), + $dark_sidebar_bg ($nautilus_headerbar_size + 1)); +} +@if $nautilus_style == 'default' or $nautilus_style == 'glassy' { + $dialog_header_image: linear-gradient(90deg, $dialog_bg_color 5%, + $dark_header_bg 40%); + + $dialog_header_borders_image: linear-gradient(90deg, $dialog_bg_color 0px, + $header_border 25%); + + $nautilus_actionbar_image: linear-gradient(90deg, rgba($dark_header_bg, 0) 5%, + transparentize($dark_header_bg, 0.2) 40%); + + $nautilus_actionbar_borders_image: linear-gradient(90deg, rgba($header_border, 0) 0px, + $header_border 25%); +} + +@if $nautilus_style == 'default' { + $nautilus_header_image: linear-gradient(90deg, $dark_sidebar_bg $nautilus_sidebar_size, + $nautilus_borders_color $nautilus_sidebar_size, + $nautilus_borders_color ($nautilus_sidebar_size + 1px), + $base_color ($nautilus_sidebar_size + 1px)); + + $nautilus_header_borders_image: linear-gradient(90deg, $dark_sidebar_bg $nautilus_sidebar_size, + $header_border $nautilus_sidebar_size); +} @else if $nautilus_style == 'glassy' { + $nautilus_header_image: linear-gradient(90deg, $dark_sidebar_bg ($nautilus_sidebar_size/2), + $dark_header_bg 40%); + + $nautilus_header_borders_image: linear-gradient(90deg, $dark_sidebar_bg (($nautilus_sidebar_size/2) - 40px), + $header_border 40%); +} + +@mixin color_sidebar() { > grid.horizontal > paned.horizontal > separator, + > box.vertical > paned.horizontal > separator, > deck > box.vertical > paned.horizontal > separator { // Use paned separator to hide stack border-bottom-left-radius border-left: none; background-color: transparent; - background-image: image($base_color); - background-size: $wm_radius $wm_radius; - background-position: bottom left; + background-image: image($nautilus_borders_color); + background-size: 1px 100%; background-repeat: no-repeat; - - &:dir(ltr) { margin-left: -1px; } - &:dir(rtl) { margin-right: -1px; } - - @if $nautilus_use_colors == 'true' {} @else { - &:dir(ltr) { margin-left: 2px; } - &:dir(rtl) { margin-right: 2px; } - - &:hover { - background-image: image($borders_color); - background-size: 2px 100px; - background-position: center center; - } - } + background-position: center; } placessidebar.sidebar { - @if $nautilus_use_colors == 'true' { - background-color: transparent; - &.frame { border-right: 1px solid if($variant=='light', $solid_borders_color, $header_border); } - } @else { - margin-bottom: $wm_radius; - border: none; - min-width: $nautilus_sidebar_size; - background-color: transparent; - background-image: if($trans == 'true', none, $nautilus_sidebar_image); - } + background-color: transparent; + min-width: $nautilus_sidebar_size; + margin-bottom: $wm_radius; + border: none; row.sidebar-row { color: $dark_sidebar_fg; @@ -200,64 +144,30 @@ $nautilus_background_image: linear-gradient(90deg, $dark_sidebar_bg 0%, &:backdrop { opacity: 0.85; } - @if $nautilus_use_colors == 'true' { - border-radius: $bt_radius; - margin: 0 6px; - padding: 2px 4px; + // row style + border-radius: $bt_radius; + margin: 0 6px; + padding: 2px 4px; - &:hover { - background-color: rgba($fg_color, 0.1); - } - - &:active, &:active:hover { - transition: background-color ease-out 200ms; - background-color: rgba($fg_color, 0.2); - } - - &:selected.has-open-popup, - &:selected, &:selected:hover { - color: $fg_color; - transition: background-color ease-out 200ms; - background-color: rgba($fg_color, 0.15); - - &, label { color: $fg_color; } - } - } @else { - &:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: $nautilus_sidebar_size 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-#{$nautilus_sidebar_size}#{$asset_suffix}.png"), - url("assets/sidebar-view-hover-#{$nautilus_sidebar_size}#{$asset_suffix}@2.png")); - } - - &:active, &:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: $nautilus_sidebar_size 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-#{$nautilus_sidebar_size}#{$asset_suffix}.png"), - url("assets/sidebar-view-active-#{$nautilus_sidebar_size}#{$asset_suffix}@2.png")); - } - - &:selected.has-open-popup, - &:selected, &:selected:hover { - color: $fg_color; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: $nautilus_sidebar_size 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-#{$nautilus_sidebar_size}#{$asset_suffix}.png"), - url("assets/sidebar-view-checked-#{$nautilus_sidebar_size}#{$asset_suffix}@2.png")); - - &, label { color: $fg_color; } - } + &:hover { + background-color: rgba($fg_color, 0.1); } + &:active, &:active:hover { + transition: background-color ease-out 200ms; + background-color: rgba($fg_color, 0.2); + } + + &:selected.has-open-popup, + &:selected, &:selected:hover { + color: $fg_color; + transition: background-color ease-out 200ms; + background-color: rgba($fg_color, 0.15); + + &, label { color: $fg_color; } + } + + // other &.sidebar-new-bookmark-row { color: $selected_bg_color; @@ -304,6 +214,246 @@ $nautilus_background_image: linear-gradient(90deg, $dark_sidebar_bg 0%, } } + placesview { + row.activatable { + border-radius: $bt_radius; + margin-right: 6px; + } + + actionbar.background { + background-color: $menu_bg; + margin: 6px; + border-radius: $wm_radius - 6px; + box-shadow: $shadow_5, inset 0 1px $highlight_color; + border: none; + } + } +} + +dialog.background.csd { + background-image: none; + background-color: $dialog_bg_color; + + > headerbar { + &.titlebar { + border-image: image($header_border) 0 0 1 / 0px 0px 1px stretch; + + > label:not(.title):not(.subtitle) { // wallpaper set dialog + font-weight: 700; + } + + &:not(.default-decoration) { + border-image: $dialog_header_borders_image 0 0 1 / 0px 0px 1px stretch; + background-image: $dialog_header_image; + background-color: transparent; + } + } + } + + > box.vertical.dialog-vbox { + &.view { background: none; } + + > grid.horizontal { + > scrolledwindow.frame { //removed ugly boders for nautilus batch renaming dialog + border: none; + + > viewport.frame { + border: none; + + list:first-child { border-radius: 0 0 0 $wm_radius; } + list:last-child { border-radius: 0 0 $wm_radius 0; } + } + } + + > stack { + > scrolledwindow.frame { // reset border for totem setting dialog + border: 1px solid $borders_color; + } + } + } + + > stack, + > stack > stack { + > scrolledwindow { + border-radius: 0 0 $wm_radius $wm_radius; + background-color: $base_color; + + iconview.view:not(:hover):not(:selected):not(:active) { // Wallpaper setting window + // @extend %view; + background-color: transparent; + } + } + } + + > stack { + > scrolledwindow > viewport.frame { + > list { + border-radius: 0 0 $wm_radius $wm_radius; + + row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; + } + } + } + + > box.vertical > stack.view { + > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; + } + } + + toolbar.toolbar { + border-radius: 0 0 $wm_radius $wm_radius; + border-width: 1px 0 0 0; + } + + > notebook > stack { // Control center wifi setting 3.36 or later + border-radius: 0 0 $wm_radius $wm_radius; + } + } + + > notebook { + > stack { + border-radius: 0 0 $wm_radius $wm_radius; + + > box.horizontal > notebook > stack { // Control center wifi setting + border-radius: 0 0 $wm_radius $wm_radius; + } + } + } + + separator.vertical { background-color: $borders_color; } + + // Outline for low res icons + .lowres-icon { // FIXME: not use + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); + } + + // Dropshadow for large icons + .icon-dropshadow { // FIXME: not use + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); + } + + > .dialog-action-box { + > .dialog-action-area { + padding: 3px 6px 6px; + } + } + } + + stack scrolledwindow { + &.frame { + border-radius: $wm_radius; + + textview.view { + border-radius: $wm_radius; + + > text { + background: none; + } + } + + treeview.view:not(:hover):not(:selected) { background: none; } + } + + viewport.frame { + &.view { border-radius: $wm_radius; } + } + } + + > .dialog-vbox > .dialog-action-box { + > .dialog-action-area { + margin: 0 6px 6px; + } + } + + // Filechooser, we put this here to give a different style between csd and + // ssd on certain DE-s + filechooser { + > actionbar { + background-color: transparent; + background-image: $nautilus_actionbar_image; + border-image: $nautilus_actionbar_borders_image 1 0 0 / 1px 0px 0px stretch; + color: $dark_sidebar_fg; + label, combobox { color: $dark_sidebar_fg; } + } + + treeview.view { + @include viewwy(transparent); + } + + paned { + stack { + &:dir(ltr) { border-radius: 0 0 (($wm_radius/1.5) + 2) 0 } + &:dir(rtl) { border-radius: 0 0 0 (($wm_radius/1.5) + 2) } + } + } + + @include color_sidebar(); + } + + filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; + } +} + +// +// Nautilus +// +.nautilus-window { + &.background.csd { + background-color: transparent; + background-image: $nautilus_bg_image; + border-radius: 0 0 $wm_radius $wm_radius; + + > headerbar.titlebar, + > deck > box > headerbar.titlebar { + background-color: transparent; + box-shadow: inset 0 1px rgba(white, 0.1); + background-image: $nautilus_header_image; + border-image: $nautilus_header_borders_image 0 0 1 / 0px 0px 1px stretch; + + > box.left.horizontal { + background-image: transparent; + } + + @if $nautilus_style == 'default' { + > .linked.raised > button:first-child { margin-left: $nautilus_sidebar_size - 80px; } + } @else { + > .linked.raised > button:first-child { margin-left: 0px } + > .linked.raised > button:last-child { margin-right: 0px } + //> .linked.raised > button:last-child { margin-right: $nautilus_sidebar_size - 80px } + } + } + + placessidebar.sidebar { + border-bottom-left-radius: $wm_radius; + } + } + + headerbar { + min-height: $nautilus_headerbar_size; + + .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; + + .linked.nautilus-path-bar { // for ≥ 3.31.90 + > button:not(:only-child):last-child { + @include button(header-checked); + } + } + + // workaround for 3.30.1 + &.background.frame { + border: none; + background-color: transparent; + } + } + } + notebook { margin-left: -1px; margin-right: -1px; @@ -324,6 +474,8 @@ $nautilus_background_image: linear-gradient(90deg, $dark_sidebar_bg 0%, > stack { background-color: $base_color; + &:dir(ltr) { border-radius: 0 0 ($wm_radius+2) 0 } + &:dir(rtl) { border-radius: 0 0 0 ($wm_radius+2) } } > stack:not(:only-child) { @@ -367,20 +519,7 @@ $nautilus_background_image: linear-gradient(90deg, $dark_sidebar_bg 0%, placessidebar { border-bottom-left-radius: $maximized_radius; } } - placesview { - row.activatable { - border-radius: $bt_radius; - margin-right: 6px; - } - - actionbar.background { - background-color: $menu_bg; - margin: 6px; - border-radius: $wm_radius - 6px; - box-shadow: $shadow_5, inset 0 1px $highlight_color; - border: none; - } - } + @include color_sidebar(); } preferencesgroup { // gnome 40.0 preferences window @@ -2538,134 +2677,6 @@ window.background.csd { } } -// -// Dialogs -// -dialog.background.csd { - > headerbar.titlebar { - > label:not(.title):not(.subtitle) { // wallpaper set dialog - font-weight: 700; - } - } - - > box.vertical.dialog-vbox { - &.view { background: none; } - - > grid.horizontal { - > scrolledwindow.frame { //removed ugly boders for nautilus batch renaming dialog - border: none; - - > viewport.frame { - border: none; - - list:first-child { border-radius: 0 0 0 $wm_radius; } - list:last-child { border-radius: 0 0 $wm_radius 0; } - } - } - - > stack { - > scrolledwindow.frame { // reset border for totem setting dialog - border: 1px solid $borders_color; - } - } - } - - > stack, - > stack > stack { - > scrolledwindow { - border-radius: 0 0 $wm_radius $wm_radius; - background-color: $base_color; - - iconview.view:not(:hover):not(:selected):not(:active) { // Wallpaper setting window - // @extend %view; - background-color: transparent; - } - } - } - - > stack { - > scrolledwindow > viewport.frame { - > list { - border-radius: 0 0 $wm_radius $wm_radius; - - row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; - } - } - } - - > box.vertical > stack.view { - > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; - } - } - - toolbar.toolbar { - border-radius: 0 0 $wm_radius $wm_radius; - border-width: 1px 0 0 0; - } - - > notebook > stack { // Control center wifi setting 3.36 or later - border-radius: 0 0 $wm_radius $wm_radius; - } - } - - > notebook { - > stack { - border-radius: 0 0 $wm_radius $wm_radius; - - > box.horizontal > notebook > stack { // Control center wifi setting - border-radius: 0 0 $wm_radius $wm_radius; - } - } - } - - separator.vertical { background-color: $borders_color; } - - // Outline for low res icons - .lowres-icon { // FIXME: not use - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); - } - - // Dropshadow for large icons - .icon-dropshadow { // FIXME: not use - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); - } - - > .dialog-action-box { - > .dialog-action-area { - padding: 3px 6px 6px; - } - } - } - - stack scrolledwindow { - &.frame { - border-radius: $wm_radius; - - textview.view { - border-radius: $wm_radius; - - > text { - background: none; - } - } - - treeview.view:not(:hover):not(:selected) { background: none; } - } - - viewport.frame { - &.view { border-radius: $wm_radius; } - } - } - - > .dialog-vbox > .dialog-action-box { - > .dialog-action-area { - margin: 0 6px 6px; - } - } -} - // // Extensions // diff --git a/src/sass/gtk/_common.scss b/src/sass/gtk/_common.scss index b4ff5549..97d2c6c0 100644 --- a/src/sass/gtk/_common.scss +++ b/src/sass/gtk/_common.scss @@ -1313,10 +1313,6 @@ actionbar { padding: 6px; border-top: 1px solid $borders_color; background-color: darken($bg_color, 3%); - - .background.csd revealer > & { - border-radius: 0 0 $wm_radius $wm_radius; - } } // @@ -1676,6 +1672,12 @@ window.background > box.vertical > headerbar:not(.titlebar) { // reset headerbar } } +// Fixes common window border radius problem when it get maximized +// including GNOME Terminal window can't restore after it get maximized +window.background.csd.maximized { + border-radius: 0 0 0 0; +} + headerbar, .titlebar { button { min-height: 26px; @@ -1834,7 +1836,9 @@ headerbar, .titlebar { // // Tree Views // -treeview.view { +@mixin viewwy($c) { + background-color: $c; + @at-root * { -GtkTreeView-horizontal-separator: 4; -GtkTreeView-grid-line-width: 1; @@ -1981,6 +1985,10 @@ treeview.view { } } +treeview.view { + @include viewwy($base_color); +} + // // Menus // @@ -3125,6 +3133,8 @@ scrolledwindow { &.bottom { @include undershoot(bottom); } &.left { @include undershoot(left); } &.right { @include undershoot(right); } + + padding: $wm_radius/2; } @at-root junction { // the small square between two scrollbars @@ -3324,9 +3334,7 @@ messagedialog { // Message Dialog styling @if $variant == 'light' { background-color: $selected_bg_color; color: $selected_fg_color; - } - - @else { + } @else { @include button(active); } } @@ -3347,67 +3355,6 @@ messagedialog { // Message Dialog styling } } -// -// Filechooser -// -filechooser { - .csd & { - background-color: $base_color; - border-radius: 0 0 $wm_radius $wm_radius; - - placessidebar.sidebar { background-color: transparent; } - - actionbar { - color: $dark_sidebar_fg; - background-color: transparent; - border-color: $borders_color; - border-radius: 0 0 $wm_radius 0; - - label, combobox { color: $dark_sidebar_fg; } - } - - stack.view { - background-color: transparent; - - scrolledwindow { - background-color: transparent; - border-radius: 0 0 $wm_radius $wm_radius; - - list { background-color: transparent; } - - treeview.view { - @extend %view; - background-color: transparent; - } - } - } - - box.vertical > paned > separator { // Use paned separator to hide stack border-bottom-left-radius - border: none; - background-color: transparent; - background-image: image($base_color); - background-size: $wm_radius $wm_radius; - background-position: left bottom; - - &:dir(ltr) { margin-left: -1px; } - &:dir(rtl) { margin-right: -1px; } - } - } - - placessidebar.sidebar { - border: none; - - &.frame { border-right: 1px solid if($variant=='light', $solid_borders_color, $header_border); } - } - - #pathbarbox { border-bottom: 1px solid transparentize($borders_color, 0.5); } -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - // // Sidebar // @@ -3638,33 +3585,37 @@ infobar { border-style: none; &.info { + background-color: $selected_bg_color; + & > revealer > box, &:backdrop > revealer > box { - background-color: $selected_bg_color; selection { color: $selected_bg_color; } } } &.question { + background-color: $suggested_color; + & > revealer > box, &:backdrop > revealer > box { - background-color: $suggested_color; selection { color: $suggested_color; } } } &.warning { + background-color: $warning_color; + & > revealer > box, &:backdrop > revealer > box { - background-color: $warning_color; selection { color: $warning_color; } } } &.error { + background-color: $error_color; + & > revealer > box, &:backdrop > revealer > box { - background-color: $error_color; selection { color: $error_color; } } } @@ -3684,10 +3635,6 @@ infobar { @extend %selected-button; } - selection { - background-color: $selected_fg_color; - } - *:link { @extend %link_selected; } } } diff --git a/test.py b/test.py new file mode 100755 index 00000000..19f3290f --- /dev/null +++ b/test.py @@ -0,0 +1,4 @@ +#! /bin/python3 + +print("Sorry, the automated WhiteSur test isn't yet developed") +print("Anyways, we don't use bash to do that cuz it closes when the test command exits") diff --git a/test.sh b/test.sh deleted file mode 100755 index 0f112d21..00000000 --- a/test.sh +++ /dev/null @@ -1,369 +0,0 @@ -#! /usr/bin/env bash - -REPO_DIR=$(cd $(dirname $0) && pwd) -SRC_DIR=${REPO_DIR}/src - -ROOT_UID=0 -DEST_DIR= - -# Destination directory -if [ "$UID" -eq "$ROOT_UID" ]; then - DEST_DIR="/usr/share/themes" -else - DEST_DIR="$HOME/.themes" -fi - -SASSC_OPT="-M -t expanded" - -THEME_NAME=WhiteSur -COLOR_VARIANTS=('-light' '-dark') -OPACITY_VARIANTS=('' '-solid') - -# COLORS -CDEF=" \033[0m" # default color -CCIN=" \033[0;36m" # info color -CGSC=" \033[0;32m" # success color -CRER=" \033[0;31m" # error color -CWAR=" \033[0;33m" # warning color -b_CDEF=" \033[1;37m" # bold default color -b_CCIN=" \033[1;36m" # bold info color -b_CGSC=" \033[1;32m" # bold success color -b_CRER=" \033[1;31m" # bold error color -b_CWAR=" \033[1;33m" # bold warning color - -# Echo like ... with flag type and display message colors -prompt () { - case ${1} in - "-s"|"--success") - echo -e "${b_CGSC}${@/-s/}${CDEF}";; # print success message - "-e"|"--error") - echo -e "${b_CRER}${@/-e/}${CDEF}";; # print error message - "-w"|"--warning") - echo -e "${b_CWAR}${@/-w/}${CDEF}";; # print warning message - "-i"|"--info") - echo -e "${b_CCIN}${@/-i/}${CDEF}";; # print info message - *) - echo -e "$@" - ;; - esac -} - -# Check command availability -function has_command() { - command -v $1 > /dev/null -} - -operation_canceled() { - clear - prompt -i "\n Operation canceled by user, Bye!" - exit 1 -} - -usage() { - printf "%s\n" "Usage: $0 [OPTIONS...]" - printf "\n%s\n" "OPTIONS:" - printf " %-25s%s\n" "-d, --dest DIR" "Specify theme destination directory (Default: ${DEST_DIR})" - printf " %-25s%s\n" "-n, --name NAME" "Specify theme name (Default: ${THEME_NAME})" - printf " %-25s%s\n" "-g, --gdm" "Install GDM theme, this option needs root user authority! Please run this with sudo" - printf " %-25s%s\n" "-r, --remove" "Remove theme, remove all installed themes" - printf " %-25s%s\n" "-o, --opacity VARIANTS" "Specify theme opacity variant(s) [standard|solid] (Default: All variants)" - printf " %-25s%s\n" "-c, --color VARIANTS" "Specify theme color variant(s) [light|dark] (Default: All variants)" - printf " %-25s%s\n" "-h, --help" "Show this help" -} - -install() { - local dest=${1} - local name=${2} - local color=${3} - local opacity=${4} - - [[ ${color} == '-light' ]] && local ELSE_LIGHT=${color} - [[ ${color} == '-dark' ]] && local ELSE_DARK=${color} - - local THEME_DIR=${1}/${2}${3}${4} - - [[ -d ${THEME_DIR} ]] && rm -rf ${THEME_DIR} - - prompt -i "Installing '${THEME_DIR}'..." - - mkdir -p ${THEME_DIR} - - echo "[Desktop Entry]" >> ${THEME_DIR}/index.theme - echo "Type=X-GNOME-Metatheme" >> ${THEME_DIR}/index.theme - echo "Name=${2}${3}${4}" >> ${THEME_DIR}/index.theme - echo "Comment=A MacOS BigSur like Gtk+ theme based on Elegant Design" >> ${THEME_DIR}/index.theme - echo "Encoding=UTF-8" >> ${THEME_DIR}/index.theme - echo "" >> ${THEME_DIR}/index.theme - echo "[X-GNOME-Metatheme]" >> ${THEME_DIR}/index.theme - echo "GtkTheme=${2}${3}${4}" >> ${THEME_DIR}/index.theme - echo "MetacityTheme=${2}${3}${4}" >> ${THEME_DIR}/index.theme - echo "IconTheme=${2}${3}" >> ${THEME_DIR}/index.theme - echo "CursorTheme=${2}${3}" >> ${THEME_DIR}/index.theme - echo "ButtonLayout=close,minimize,maximize:menu" >> ${THEME_DIR}/index.theme - - mkdir -p ${THEME_DIR}/gnome-shell - cp -r ${SRC_DIR}/assets/gnome-shell/icons ${THEME_DIR}/gnome-shell - cp -r ${SRC_DIR}/main/gnome-shell/pad-osd.css ${THEME_DIR}/gnome-shell - cp -r ${SRC_DIR}/main/gnome-shell/gnome-shell${color}${opacity}.css ${THEME_DIR}/gnome-shell/gnome-shell.css - cp -r ${SRC_DIR}/assets/gnome-shell/common-assets ${THEME_DIR}/gnome-shell/assets - cp -r ${SRC_DIR}/assets/gnome-shell/assets${color}/*.svg ${THEME_DIR}/gnome-shell/assets - cp -r ${SRC_DIR}/assets/gnome-shell/activities/activities.svg ${THEME_DIR}/gnome-shell/assets/activities.svg - - cd "${THEME_DIR}/gnome-shell" - mv -f assets/no-events.svg no-events.svg - mv -f assets/process-working.svg process-working.svg - mv -f assets/no-notifications.svg no-notifications.svg - - mkdir -p ${THEME_DIR}/gtk-2.0 - cp -r ${SRC_DIR}/main/gtk-2.0/gtkrc${color} ${THEME_DIR}/gtk-2.0/gtkrc - cp -r ${SRC_DIR}/main/gtk-2.0/menubar-toolbar${color}.rc ${THEME_DIR}/gtk-2.0/menubar-toolbar.rc - cp -r ${SRC_DIR}/main/gtk-2.0/common/*.rc ${THEME_DIR}/gtk-2.0 - cp -r ${SRC_DIR}/assets/gtk-2.0/assets${color} ${THEME_DIR}/gtk-2.0/assets - - mkdir -p ${THEME_DIR}/gtk-3.0 - cp -r ${SRC_DIR}/assets/gtk-3.0/common-assets/assets ${THEME_DIR}/gtk-3.0 - cp -r ${SRC_DIR}/assets/gtk-3.0/common-assets/sidebar-assets/*.png ${THEME_DIR}/gtk-3.0/assets - cp -r ${SRC_DIR}/assets/gtk-3.0/windows-assets/titlebutton ${THEME_DIR}/gtk-3.0/windows-assets - cp -r ${SRC_DIR}/assets/gtk-3.0/thumbnails/thumbnail${color}.png ${THEME_DIR}/gtk-3.0/thumbnail.png - cp -r ${SRC_DIR}/main/gtk-3.0/gtk-dark${opacity}.css ${THEME_DIR}/gtk-3.0/gtk-dark.css - - if [[ ${color} == '-light' ]]; then - cp -r ${SRC_DIR}/main/gtk-3.0/gtk-light${opacity}.css ${THEME_DIR}/gtk-3.0/gtk.css - else - cp -r ${SRC_DIR}/main/gtk-3.0/gtk-dark${opacity}.css ${THEME_DIR}/gtk-3.0/gtk.css - fi - - glib-compile-resources --sourcedir=${THEME_DIR}/gtk-3.0 --target=${THEME_DIR}/gtk-3.0/gtk.gresource ${SRC_DIR}/main/gtk-3.0/gtk.gresource.xml - rm -rf ${THEME_DIR}/gtk-3.0/{assets,windows-assets,gtk.css,gtk-dark.css} - echo '@import url("resource:///org/gnome/theme/gtk.css");' >> ${THEME_DIR}/gtk-3.0/gtk.css - echo '@import url("resource:///org/gnome/theme/gtk-dark.css");' >> ${THEME_DIR}/gtk-3.0/gtk-dark.css - - mkdir -p ${THEME_DIR}/metacity-1 - cp -r ${SRC_DIR}/main/metacity-1/metacity-theme${color}.xml ${THEME_DIR}/metacity-1/metacity-theme-1.xml - cp -r ${SRC_DIR}/main/metacity-1/metacity-theme-3.xml ${THEME_DIR}/metacity-1 - cp -r ${SRC_DIR}/assets/metacity-1/assets/*.png ${THEME_DIR}/metacity-1 - cp -r ${SRC_DIR}/assets/metacity-1/thumbnail${color}.png ${THEME_DIR}/metacity-1/thumbnail.png - cd ${THEME_DIR}/metacity-1 && ln -s metacity-theme-1.xml metacity-theme-2.xml - - mkdir -p ${THEME_DIR}/xfwm4 - cp -r ${SRC_DIR}/assets/xfwm4/assets${color}/*.png ${THEME_DIR}/xfwm4 - cp -r ${SRC_DIR}/main/xfwm4/themerc${color} ${THEME_DIR}/xfwm4/themerc - - mkdir -p ${THEME_DIR}/cinnamon - cp -r ${SRC_DIR}/main/cinnamon/cinnamon${color}${opacity}.css ${THEME_DIR}/cinnamon/cinnamon.css - cp -r ${SRC_DIR}/assets/cinnamon/common-assets ${THEME_DIR}/cinnamon/assets - cp -r ${SRC_DIR}/assets/cinnamon/assets${color}/*.svg ${THEME_DIR}/cinnamon/assets - cp -r ${SRC_DIR}/assets/cinnamon/thumbnails/thumbnail${color}.png ${THEME_DIR}/cinnamon/thumbnail.png - - mkdir -p ${THEME_DIR}/plank - cp -r ${SRC_DIR}/other/plank/theme${color}/*.theme ${THEME_DIR}/plank -} - -install_theme() { - for color in "${colors[@]-${COLOR_VARIANTS[@]}}"; do - for opacity in "${opacities[@]-${OPACITY_VARIANTS[@]}}"; do - install "${dest:-${DEST_DIR}}" "${name:-${THEME_NAME}}" "${color}" "${opacity}" - done - done - - if [[ -x /usr/bin/notify-send ]]; then - notify-send "Finished" "Enjoy your ${THEME_NAME} theme!" -i face-smile - fi -} - -# Backup and install files related to GDM theme -GS_THEME_FILE="/usr/share/gnome-shell/gnome-shell-theme.gresource" -SHELL_THEME_FOLDER="/usr/share/gnome-shell/theme" -ETC_THEME_FOLDER="/etc/alternatives" -ETC_THEME_FILE="/etc/alternatives/gdm3.css" -ETC_NEW_THEME_FILE="/etc/alternatives/gdm3-theme.gresource" -UBUNTU_THEME_FILE="/usr/share/gnome-shell/theme/ubuntu.css" -UBUNTU_NEW_THEME_FILE="/usr/share/gnome-shell/theme/gnome-shell.css" -UBUNTU_YARU_THEME_FILE="/usr/share/gnome-shell/theme/Yaru/gnome-shell-theme.gresource" - -install_gdm() { - local GDM_THEME_DIR="${1}/${2}${3}" - local YARU_GDM_THEME_DIR="$SHELL_THEME_FOLDER/Yaru/${2}${3}" - - echo - prompt -i "Installing ${2}${3} gdm theme..." - - if [[ -f "$GS_THEME_FILE" ]] && command -v glib-compile-resources >/dev/null ; then - prompt -i "Installing '$GS_THEME_FILE'..." - cp -an "$GS_THEME_FILE" "$GS_THEME_FILE.bak" - glib-compile-resources \ - --sourcedir="$GDM_THEME_DIR/gnome-shell" \ - --target="$GS_THEME_FILE" \ - "${SRC_DIR}/main/gnome-shell/gnome-shell-theme.gresource.xml" - fi - - if [[ -f "$UBUNTU_THEME_FILE" && -f "$GS_THEME_FILE.bak" ]]; then - prompt -i "Installing '$UBUNTU_THEME_FILE'..." - cp -an "$UBUNTU_THEME_FILE" "$UBUNTU_THEME_FILE.bak" - cp -af "$GDM_THEME_DIR/gnome-shell/gnome-shell.css" "$UBUNTU_THEME_FILE" - fi - - if [[ -f "$UBUNTU_NEW_THEME_FILE" && -f "$GS_THEME_FILE.bak" ]]; then - prompt -i "Installing '$UBUNTU_NEW_THEME_FILE'..." - cp -an "$UBUNTU_NEW_THEME_FILE" "$UBUNTU_NEW_THEME_FILE.bak" - cp -af "$GDM_THEME_DIR"/gnome-shell/* "$SHELL_THEME_FOLDER" - fi - - # > Ubuntu 18.04 - if [[ -f "$ETC_THEME_FILE" && -f "$GS_THEME_FILE.bak" ]]; then - prompt -i "Installing Ubuntu GDM theme..." - cp -an "$ETC_THEME_FILE" "$ETC_THEME_FILE.bak" - [[ -d "$SHELL_THEME_FOLDER/$THEME_NAME" ]] && rm -rf "$SHELL_THEME_FOLDER/$THEME_NAME" - cp -r "$GDM_THEME_DIR/gnome-shell" "$SHELL_THEME_FOLDER/$THEME_NAME" - cd "$ETC_THEME_FOLDER" - [[ -f "$ETC_THEME_FILE.bak" ]] && ln -sf "$SHELL_THEME_FOLDER/$THEME_NAME/gnome-shell.css" gdm3.css - fi - - # > Ubuntu 20.04 - if [[ -d "$SHELL_THEME_FOLDER/Yaru" && -f "$GS_THEME_FILE.bak" ]]; then - prompt -i "Installing Ubuntu GDM theme..." - cp -an "$UBUNTU_YARU_THEME_FILE" "$UBUNTU_YARU_THEME_FILE.bak" - rm -rf "$UBUNTU_YARU_THEME_FILE" - rm -rf "$YARU_GDM_THEME_DIR" && mkdir -p "$YARU_GDM_THEME_DIR" - - mkdir -p "$YARU_GDM_THEME_DIR"/gnome-shell - mkdir -p "$YARU_GDM_THEME_DIR"/gnome-shell/Yaru - cp -r "$SRC_DIR"/assets/gnome-shell/icons "$YARU_GDM_THEME_DIR"/gnome-shell - cp -r "$SRC_DIR"/main/gnome-shell/pad-osd.css "$YARU_GDM_THEME_DIR"/gnome-shell - cp -r "$SRC_DIR"/main/gnome-shell/gdm3${color}.css "$YARU_GDM_THEME_DIR"/gnome-shell/gdm3.css - cp -r "$SRC_DIR"/main/gnome-shell/gnome-shell${color}.css "$YARU_GDM_THEME_DIR"/gnome-shell/Yaru/gnome-shell.css - cp -r "$SRC_DIR"/assets/gnome-shell/common-assets "$YARU_GDM_THEME_DIR"/gnome-shell/assets - cp -r "$SRC_DIR"/assets/gnome-shell/assets${color}/*.svg "$YARU_GDM_THEME_DIR"/gnome-shell/assets - cp -r "$SRC_DIR"/assets/gnome-shell/activities/activities.svg "$YARU_GDM_THEME_DIR"/gnome-shell/assets - - cd "$YARU_GDM_THEME_DIR"/gnome-shell - mv -f assets/no-events.svg no-events.svg - mv -f assets/process-working.svg process-working.svg - mv -f assets/no-notifications.svg no-notifications.svg - - glib-compile-resources \ - --sourcedir="$YARU_GDM_THEME_DIR"/gnome-shell \ - --target="$UBUNTU_YARU_THEME_FILE" \ - "$SRC_DIR"/main/gnome-shell/gnome-shell-yaru-theme.gresource.xml - - rm -rf "$YARU_GDM_THEME_DIR" - fi -} - -while [[ $# -gt 0 ]]; do - case "${1}" in - -d|--dest) - dest="${2}" - if [[ ! -d "${dest}" ]]; then - prompt -e "Destination directory does not exist. Let's make a new one..." - mkdir -p ${dest} - fi - shift 2 - ;; - -n|--name) - name="${2}" - shift 2 - ;; - -g|--gdm) - gdm='true' - shift 1 - ;; - -o|--opacity) - shift - for opacity in "${@}"; do - case "${opacity}" in - standard) - opacities+=("${OPACITY_VARIANTS[0]}") - shift - ;; - solid) - opacities+=("${OPACITY_VARIANTS[1]}") - shift - ;; - -*|--*) - break - ;; - *) - prompt -e "ERROR: Unrecognized opacity variant '$1'." - prompt -i "Try '$0 --help' for more information." - exit 1 - ;; - esac - done - ;; - -c|--color) - shift - for color in "${@}"; do - case "${color}" in - light) - colors+=("${COLOR_VARIANTS[0]}") - shift - ;; - dark) - colors+=("${COLOR_VARIANTS[1]}") - shift - ;; - -*|--*) - break - ;; - *) - prompt -e "ERROR: Unrecognized color variant '$1'." - prompt -i "Try '$0 --help' for more information." - exit 1 - ;; - esac - done - ;; - -h|--help) - usage - exit 0 - ;; - *) - prompt -e "ERROR: Unrecognized installation option '$1'." - prompt -i "Try '$0 --help' for more information." - exit 1 - ;; - esac -done - -# Install dependency -if [ ! "$(which glib-compile-resources 2> /dev/null)" ]; then - prompt -w "\n 'glib2.0' needs to be installed for this shell" - if has_command apt; then - sudo apt install libglib2.0-dev-bin - elif has_command dnf; then - sudo dnf install -y glib2-devel - fi -fi - -# Parse scss to css -for color in "${COLOR_VARIANTS[@]}"; do - for opacity in "${OPACITY_VARIANTS[@]}"; do - sassc $SASSC_OPT src/main/gtk-3.0/gtk${color}${opacity}.{scss,css} - echo "==> Generating the gtk${color}${opacity}.css..." - sassc $SASSC_OPT src/main/cinnamon/cinnamon${color}${opacity}.{scss,css} - echo "==> Generating the cinnamon${color}${opacity}.css..." - sassc $SASSC_OPT src/main/gnome-shell/gnome-shell${color}${opacity}.{scss,css} - echo "==> Generating the gnome-shell${color}${opacity}.css..." - done - - sassc $SASSC_OPT src/main/gnome-shell/gdm3${color}.{scss,css} - echo "==> Generating the gdm3${color}.css..." -done - -sassc $SASSC_OPT src/other/dash-to-dock/stylesheet.{scss,css} -echo "==> Generating dash-to-dock stylesheet.css..." -sassc $SASSC_OPT src/other/dash-to-dock/stylesheet-dark.{scss,css} -echo "==> Generating dash-to-dock stylesheet-dark.css..." - -# Install themes -if [[ "${gdm:-}" != 'true' ]]; then - install_theme -fi - -# Install GDM theme -if [[ "${gdm:-}" == 'true' && "$UID" -eq "$ROOT_UID" ]]; then - install_theme && install_gdm "${dest:-${DEST_DIR}}" "${name:-${THEME_NAME}}" "${color}" "${opacity}" -fi - -prompt -s "\n Done!". diff --git a/tweaks.sh b/tweaks.sh new file mode 100755 index 00000000..2a7f691c --- /dev/null +++ b/tweaks.sh @@ -0,0 +1,223 @@ +#! /bin/bash + +# WARNING: Please make this shell not working-directory dependant, for example +# instead of using 'cd blabla', use 'cd "${REPO_DIR}/blabla"' +# +# WARNING: Please don't use sudo directly here since it steals our EXIT trap +# +# WARNING: Don't use "cd" in this shell, use it in a subshell instead, +# for example ( cd blabla && do_blabla ) or $( cd .. && do_blabla ) + +############################################################################### +# VARIABLES & HELP # +############################################################################### + +readonly REPO_DIR="$(dirname "$(readlink -m "${0}")")" +source "${REPO_DIR}/lib-install.sh" + +usage() { + # Please specify their default value manually, some of them are come from _variables.scss + # You also have to check and update them regurally + helpify_title + helpify "-f, --firefox" "" "Install '${THEME_NAME}' theme for Firefox and connect it to the current Firefox profiles" "" + helpify "-e, --edit-firefox" "" "Edit '${THEME_NAME}' theme for Firefox settings and also connect the theme to the current Firefox profiles" "" + helpify "-F, --flatpak" "" "Connect '${THEME_NAME}' theme to Flatpak" "" + helpify "-s, --snap" "" "Connect '${THEME_NAME}' theme the currently installed snap apps" "" + helpify "-g, --gdm" "" "Install '${THEME_NAME}' theme for GDM" "Requires to run this shell as root" + helpify "-d, --dash-to-dock" "" "Install '${THEME_NAME}' theme for Dash to Dock and connect it to the current Dash to Dock installation(s)" "" + helpify "-D, --darken" "" "Darken '${THEME_NAME}' GDM theme background image" "" + helpify "-n, --no-blur" "" "Don't blur '${THEME_NAME}' GDM theme background image" "" + helpify "-b, --background" "[default|blank|IMAGE_PATH]" "Set '${THEME_NAME}' GDM theme background image" "Default is BigSur-like wallpaper" + helpify "-o, --opacity" "[$(IFS='|'; echo "${OPACITY_VARIANTS[*]}")]" "Set '${THEME_NAME}' GDM theme opacity variants" "Default is 'normal'" + helpify "-c, --color" "[$(IFS='|'; echo "${COLOR_VARIANTS[*]}")]" "Set '${THEME_NAME}' GDM and Dash to Dock theme color variants" "Default is 'light'" + helpify "-t, --theme" "[$(IFS='|'; echo "${THEME_VARIANTS[*]}")]" "Set '${THEME_NAME}' GDM theme accent color" "Default is BigSur-like theme" + helpify "-p, --panel" "[$(IFS='|'; echo "${PANEL_OPACITY_VARIANTS[*]}")]" "Set '${THEME_NAME}' GDM (GNOME Shell) theme panel transparency" "Default is 15%" + helpify "-i, --icon" "[$(IFS='|'; echo "${ICON_VARIANTS[*]}")]" "Set '${THEME_NAME}' GDM (GNOME Shell) 'Activities' icon" "Default is 'standard'" + helpify "-r, --remove, --revert" "" "Revert to the original themes, do the opposite things of install and connect" "" + helpify "-h, --help" "" "Show this help" "" +} + +############################################################################### +# MAIN # +############################################################################### + +#-----------------------------PARSE ARGUMENTS---------------------------------# + +while [[ $# -gt 0 ]]; do + # Don't show any dialog here. Let this loop checks for errors or shows help + # We can only show dialogs when there's no error and no -r parameter + # + # * shift for parameters that have no value + # * shift 2 for parameter that have a value + # + # Please don't exit any error here if possible. Let it show all error warnings + # at once + + case "${1}" in + # Parameters that don't require value + -r|--remove|--revert) + uninstall='true'; shift ;; + -h|--help) + need_help="true"; shift ;; + -f|--firefox|-e|--edit-firefox) + case "${1}" in + -f|--firefox) + firefox="true" ;; + -e|--edit-firefox) + edit_firefox="true" ;; + esac + + if [[ ! "$(which firefox 2> /dev/null)" ]]; then + prompt -e "'${1}' ERROR: There's no Firefox installed in your system" + has_any_error="true" + elif [[ ! -d "${FIREFOX_DIR_HOME}" ]]; then + prompt -e "'${1}' ERROR: Firefox is installed but not yet initialized." + prompt -w "'${1}': Don't forget to close it after you run/initialize it" + has_any_error="true" + elif pgrep -x "firefox" &> /dev/null || pgrep -f "firefox" &> /dev/null; then + prompt -e "'${1}' ERROR: Firefox is running, please close it" + has_any_error="true" + fi; shift ;; + -F|--flatpak) + flatpak="true"; + + if [[ ! "$(which flatpak 2> /dev/null)" ]]; then + prompt -e "'${1}' ERROR: There's no Flatpak installed in your system" + has_any_error="true" + fi; shift ;; + -s|--snap) + snap="true"; + + if [[ ! "$(which snap 2> /dev/null)" ]]; then + prompt -e "'${1}' ERROR: There's no Snap installed in your system" + has_any_error="true" + fi; shift ;; + -g|--gdm) + gdm="true"; full_rootify "${1}" + + if [[ "${GNOME_VERSION}" == 'new' ]]; then + prompt -e "SORRY: WhiteSur GDM theme for GNOME 40 is in development and not yet available" + prompt -e "SORRY: We can't do a GDM removal here either" + has_any_error="true" + elif [[ ! "$(which gdm 2> /dev/null)" && ! "$(which gdm3 2> /dev/null)" ]]; then + prompt -e "'${1}' ERROR: There's no GDM installed in your system" + has_any_error="true" + fi; shift ;; + -d|--dash-to-dock) + dash_to_dock="true" + + if [[ ! -d "${DASH_TO_DOCK_DIR_HOME}" && ! -d "${DASH_TO_DOCK_DIR_ROOT}" ]]; then + prompt -e "'${1}' ERROR: There's no Dash to Dock installed in your system" + has_any_error="true" + fi; shift ;; + -D|--darken) + darken="true"; shift ;; + -n|--no-blur) + no_blur="true"; shift ;; + # Parameters that require value, single use + -b|--background) + check_param "${1}" "${1}" "${2}" "must" "must" "must" "false" && shift 2 || shift ;; + -i|--icon) + check_param "${1}" "${1}" "${2}" "must" "must" "must" "false" && shift 2 || shift ;; + -p|--panel) + check_param "${1}" "${1}" "${2}" "must" "optional" "optional" "false" && shift 2 || shift ;; + -o|--opacity) + check_param "${1}" "${1}" "${2}" "must" "must" "must" "false" && shift 2 || shift ;; + -c|--color) + check_param "${1}" "${1}" "${2}" "must" "must" "must" "false" && shift 2 || shift ;; + -t|--theme) + check_param "${1}" "${1}" "${2}" "must" "must" "must" "false" && shift 2 || shift ;; + *) + prompt -e "ERROR: Unrecognized tweak option '${1}'." + has_any_error="true"; shift ;; + esac +done + +finalize_argument_parsing + +#---------------------------START INSTALL THEMES-------------------------------# + +if [[ "${uninstall}" == 'true' ]]; then + echo; prompt -w "REMOVAL: Non file-related parameters will be ignored." + + if [[ "${gdm}" == 'true' ]]; then + echo; prompt -i "Removing '${name}' GDM theme..." + revert_gdm_theme + echo; prompt -s "Done! '${name}' GDM theme has been removed." + fi + + if [[ "${dash_to_dock}" == 'true' ]]; then + echo; prompt -i "Removing '${name}' Dash to Dock theme..." + revert_dash_to_dock_theme + echo; prompt -s "Done! '${name}' Dash to Dock theme has been removed." + fi + + if [[ "${firefox}" == 'true' ]]; then + echo; prompt -i "Removing '${name}' Firefox theme..." + remove_firefox_theme + echo; prompt -s "Done! '${name}' Firefox theme has been removed." + fi + + if [[ "${snap}" == 'true' ]]; then + echo; prompt -i "Disconnecting '${name}' theme from your installed snap apps..." + disconnect_snap + echo; prompt -s "Done! '${name}' theme has been disconnected from your snap apps." + fi + + if [[ "${flatpak}" == 'true' ]]; then + echo; prompt -i "Disconnecting '${name}' theme from your Flatpak..." + disconnect_flatpak + echo; prompt -s "Done! '${name}' theme has been disconnected from your Flatpak." + fi +else + install_theme_deps; show_needed_dialogs; customize_theme + + if [[ "${gdm}" == 'true' ]]; then + echo; prompt -i "Installing '${name}' GDM theme..." + install_gdm_theme + echo; prompt -s "Done! '${name}' GDM theme has been installed." + fi + + if [[ "${dash_to_dock}" == 'true' ]]; then + echo; prompt -i "Installing '${name}' ${colors[0]} Dash to Dock theme..." + install_dash_to_dock_theme + echo; prompt -s "Done! '${name}' Dash to Dock theme has been installed." + prompt -w "DASH TO DOCK: You may need to logout to take effect." + fi + + if [[ "${firefox}" == 'true' || "${edit_firefox}" == 'true' ]]; then + if [[ "${firefox}" == 'true' ]]; then + echo; prompt -i "Installing '${name}' Firefox theme..." + install_firefox_theme + echo; prompt -s "Done! '${name}' Firefox theme has been installed." + fi + + if [[ "${edit_firefox}" == 'true' ]]; then + echo; prompt -i "Editing '${name}' Firefox theme preferences..." + edit_firefox_theme_prefs + echo; prompt -s "Done! '${name}' Firefox theme preferences has been edited." + fi + + echo + prompt -w "FIREFOX: Please go to [Firefox menu] > [Customize...], and customize your Firefox to make it work. Move your 'new tab' button to the titlebar instead of tab-switcher." + prompt -w "FIREFOX: Anyways, you can also edit 'userChrome.css' and 'customChrome.css' later in '${FIREFOX_DIR_HOME}/WhiteSur-chrome'." + fi + + if [[ "${snap}" == 'true' ]]; then + echo; prompt -i "Connecting '${name}' theme to your installed snap apps..." + connect_snap + echo; prompt -s "Done! '${name}' theme has been connected to your snap apps." + fi + + if [[ "${flatpak}" == 'true' ]]; then + echo; prompt -i "Connecting '${name}' theme to your Flatpak..." + connect_flatpak + echo; prompt -s "Done! '${name}' theme has been connected to your Flatpak." + fi +fi + +if [[ "${firefox}" == "false" && "${edit_firefox}" == "false" && "${flatpak}" == "false" && "${snap}" == "false" && "${gdm}" == "false" && "${dash_to_dock}" == "false" ]]; then + echo; prompt -e "Oops... there's nothing to tweaks..." +fi + +echo